User Tools

Site Tools


map

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision Both sides next revision
map [2014/06/30 11:01]
127.0.0.1 external edit
map [2019/12/13 20:25]
agustin_aucar
Line 1: Line 1:
 {{:​dirac_map.png?​800|}} {{:​dirac_map.png?​800|}}
 +
 +<​!DOCTYPE html>
 +<​html>​
 +<​head>​
 + <​title>​DIRAC19</​title>​
 + <!-- External Stylesheets -->
 + <link rel="​stylesheet"​ href="​https://​unpkg.com/​leaflet@1.6.0/​dist/​leaflet.css"/>​
 +</​head>​
 +<​body>​
 + <!-- Our web map and content will go here -->
 + <div id="​DIRAC19"​ style="​width:​ 550px; height:​450px"></​div>​
 + <!-- Add the Leaflet JavaScript library -->
 + <script src="​https://​unpkg.com/​leaflet@1.6.0/​dist/​leaflet.js"></​script>​
 +    <script src="​http://​ajax.googleapis.com/​ajax/​libs/​jquery/​1.11.2/​jquery.min.js"></​script>​
 + <​script>​
 +    // Create variable to hold map element, give initial settings to map
 +    var map = L.map('​DIRAC19',​{ center: [0, 0], zoom: 1});
 +
 +    // Add OpenStreetMap tile layer to map element
 + L.tileLayer('​http://​{s}.tile.osm.org/​{z}/​{x}/​{y}.png',​ { attribution:​ '&​copy;​ <a href="​http://​www.openstreetmap.org/​copyright">​OpenStreetMap</​a>'​ }).addTo(map);​
 +
 + // Create point feature for Institutions
 + var Aarhus = L.marker([56.1572 , 10.2107]).addTo(map);​
 + Aarhus.bindPopup("<​h3>​University of Aarhus</​h3><​p>​Aarhus</​p>"​);​
 + var Amsterdam = L.marker([52.35 , 4.9166]).addTo(map);​
 + Amsterdam.bindPopup("<​h3>​Vrije Universiteit Amsterdam</​h3><​p>​Amsterdam</​p>"​);​
 + var BanskaBystrica = L.marker([48.7333 , 19.15]).addTo(map);​
 + BanskaBystrica.bindPopup("<​h3>​Matej Bel University</​h3><​p>​Banska Bystrica</​p>"​);​
 + var Brunswick = L.marker([52.26594 , 10.52673]).addTo(map);​
 + Brunswick.bindPopup("<​h3>​TU Braunschweig</​h3><​p>​Brunswick</​p>"​);​
 + var Budapest = L.marker([47.5 , 19.0833]).addTo(map);​
 + Budapest.bindPopup("<​h3>​BME/​Budapest Univ. Tech. & Econ.</​h3><​p>​Budapest</​p>"​);​
 + var Copenhague = L.marker([55.6786 , 12.5635]).addTo(map);​
 + Copenhague.bindPopup("<​h3>​Technical University of Denmark</​h3><​p>​Copenhague</​p>"​);​
 + var Corrientes = L.marker([-27.466882,​ -58.783842]).addTo(map);​
 + Corrientes.bindPopup("<​h3>​Northeast National University</​h3><​p>​Corrientes</​p>"​);​
 + var Daejeon = L.marker([36.3355 , 127.425]).addTo(map);​
 + Daejeon.bindPopup("<​h3>​KAIST</​h3><​p>​Daejeon</​p>"​);​
 + var Detroit = L.marker([42.3834 , -83.1024]).addTo(map);​
 + Detroit.bindPopup("<​h3>​University of Michigan</​h3><​p>​Detroit</​p>"​);​
 + var Groningen = L.marker([53.2204 , 6.58]).addTo(map);​
 + Groningen.bindPopup("<​h3>​University of Groningen</​h3><​p>​Groningen</​p>"​);​
 + var Heidelberg = L.marker([49.42 , 8.7]).addTo(map);​
 + Heidelberg.bindPopup("<​h3>​University of Heidelberg</​h3><​p>​Heidelberg</​p>"​);​
 + var Karlsruhe = L.marker([49 , 8.4]).addTo(map);​
 + Karlsruhe.bindPopup("<​h3>​Karlsruhe Institute of Technology</​h3><​p>​Karlsruhe</​p>"​);​
 + var Kassel = L.marker([51.3 , 9.5]).addTo(map);​
 + Kassel.bindPopup("<​h3>​University of Kassel</​h3><​p>​Kassel</​p>"​);​
 + var Lille = L.marker([50.638283,​ 3.071325]).addTo(map);​
 + Lille.bindPopup("<​h3>​CNRS/​Universite de Lille</​h3><​p>​Lille</​p>"​);​
 + var Linköping = L.marker([58.41 , 15.6299]).addTo(map);​
 + Linköping.bindPopup("<​h3>​Linkoeping University</​h3><​p>​Linköping</​p>"​);​
 + var Lund = L.marker([55.70584 , 13.19321]).addTo(map);​
 + Lund.bindPopup("<​h3>​Lund University</​h3><​p>​Lund</​p>"​);​
 + var Mülheim = L.marker([51.43333 , 6.88333]).addTo(map);​
 + Mülheim.bindPopup("<​h3>​Max Planck Institute f. Coal Res.</​h3><​p>​Mülheim</​p>"​);​
 + var Mumbai = L.marker([19.017 , 72.857]).addTo(map);​
 + Mumbai.bindPopup("<​h3>​Bhabha Atomic Research Centre</​h3><​p>​Mumbai</​p>"​);​
 + var Nagoya = L.marker([35.155 , 136.915]).addTo(map);​
 + Nagoya.bindPopup("<​h3>​Chukyo University</​h3><​p>​Nagoya</​p>"​);​
 + var Odense = L.marker([55.4004 , 10.3833]).addTo(map);​
 + Odense.bindPopup("<​h3>​University of Southern Denmark</​h3><​p>​Odense</​p>"​);​
 + var Oslo = L.marker([59.9167 , 10.75]).addTo(map);​
 + Oslo.bindPopup("<​h3>​University of Oslo</​h3><​p>​Oslo</​p>"​);​
 + var Portland = L.marker([45.516010,​ -122.675430]).addTo(map);​
 + Portland.bindPopup("<​h3>​Schrodinger,​ Inc.</​h3><​p>​Portland</​p>"​);​
 + var Stockholm = L.marker([59.3508 , 18.0973]).addTo(map);​
 + Stockholm.bindPopup("<​h3>​Stockholm Inst. of Technology</​h3><​p>​Stockholm</​p>"​);​
 + var Strasbourg = L.marker([48.58 , 7.75]).addTo(map);​
 + Strasbourg.bindPopup("<​h3>​University of Strasbourg</​h3><​p>​Strasbourg</​p>"​);​
 + var TelAviv = L.marker([32.08 , 34.77]).addTo(map);​
 + TelAviv.bindPopup("<​h3>​University of Tel Aviv</​h3><​p>​Tel Aviv</​p>"​);​
 + var Toulouse = L.marker([43.62 , 1.4499]).addTo(map);​
 + Toulouse.bindPopup("<​h3>​Universite Toulouse III</​h3><​p>​Toulouse</​p>"​);​
 + var Tromso = L.marker([69.6351 , 18.992]).addTo(map);​
 + Tromso.bindPopup("<​h3>​UiT The Arctic University of</​h3><​p>​Tromso</​p>"​);​
 + var Warsaw = L.marker([52.240313,​ 21.018301]).addTo(map);​
 + Warsaw.bindPopup("<​h3>​University of Warsaw</​h3><​p>​Warsaw</​p>"​);​
 + var Zurich = L.marker([47.38 , 8.55]).addTo(map);​
 + Zurich.bindPopup("<​h3>​ETH Zuerich</​h3><​p>​Zurich</​p>"​);​
 +
 +        // Create an Empty Popup
 +        var popup = L.popup();
 +         
 +        // Write function to set Properties of the Popup
 +        function onMapClick(e) {
 +            popup
 +                .setLatLng(e.latlng)
 +                .setContent("​You clicked the map at " + e.latlng.toString())
 +                .openOn(map);​
 +        }
 +         
 +        // Listen for a click event on the Map element
 +        map.on('​click',​ onMapClick);​
 +
 + </​script>​
 +</​body>​
 +</​html>​
map.txt · Last modified: 2019/12/13 20:25 by agustin_aucar