map
no way to compare when less than two revisions
Differences
This shows you the differences between two versions of the page.
Previous revisionNext revision | |||
— | map [2019/12/13 20:25] – agustin_aucar | ||
---|---|---|---|
Line 1: | Line 1: | ||
+ | {{: | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <!-- External Stylesheets --> | ||
+ | <link rel=" | ||
+ | </ | ||
+ | < | ||
+ | <!-- Our web map and content will go here --> | ||
+ | <div id=" | ||
+ | <!-- Add the Leaflet JavaScript library --> | ||
+ | <script src=" | ||
+ | <script src=" | ||
+ | < | ||
+ | // Create variable to hold map element, give initial settings to map | ||
+ | var map = L.map(' | ||
+ | |||
+ | // Add OpenStreetMap tile layer to map element | ||
+ | L.tileLayer(' | ||
+ | |||
+ | // Create point feature for Institutions | ||
+ | var Aarhus = L.marker([56.1572 , 10.2107]).addTo(map); | ||
+ | Aarhus.bindPopup("< | ||
+ | var Amsterdam = L.marker([52.35 , 4.9166]).addTo(map); | ||
+ | Amsterdam.bindPopup("< | ||
+ | var BanskaBystrica = L.marker([48.7333 , 19.15]).addTo(map); | ||
+ | BanskaBystrica.bindPopup("< | ||
+ | var Brunswick = L.marker([52.26594 , 10.52673]).addTo(map); | ||
+ | Brunswick.bindPopup("< | ||
+ | var Budapest = L.marker([47.5 , 19.0833]).addTo(map); | ||
+ | Budapest.bindPopup("< | ||
+ | var Copenhague = L.marker([55.6786 , 12.5635]).addTo(map); | ||
+ | Copenhague.bindPopup("< | ||
+ | var Corrientes = L.marker([-27.466882, | ||
+ | Corrientes.bindPopup("< | ||
+ | var Daejeon = L.marker([36.3355 , 127.425]).addTo(map); | ||
+ | Daejeon.bindPopup("< | ||
+ | var Detroit = L.marker([42.3834 , -83.1024]).addTo(map); | ||
+ | Detroit.bindPopup("< | ||
+ | var Groningen = L.marker([53.2204 , 6.58]).addTo(map); | ||
+ | Groningen.bindPopup("< | ||
+ | var Heidelberg = L.marker([49.42 , 8.7]).addTo(map); | ||
+ | Heidelberg.bindPopup("< | ||
+ | var Karlsruhe = L.marker([49 , 8.4]).addTo(map); | ||
+ | Karlsruhe.bindPopup("< | ||
+ | var Kassel = L.marker([51.3 , 9.5]).addTo(map); | ||
+ | Kassel.bindPopup("< | ||
+ | var Lille = L.marker([50.638283, | ||
+ | Lille.bindPopup("< | ||
+ | var Linköping = L.marker([58.41 , 15.6299]).addTo(map); | ||
+ | Linköping.bindPopup("< | ||
+ | var Lund = L.marker([55.70584 , 13.19321]).addTo(map); | ||
+ | Lund.bindPopup("< | ||
+ | var Mülheim = L.marker([51.43333 , 6.88333]).addTo(map); | ||
+ | Mülheim.bindPopup("< | ||
+ | var Mumbai = L.marker([19.017 , 72.857]).addTo(map); | ||
+ | Mumbai.bindPopup("< | ||
+ | var Nagoya = L.marker([35.155 , 136.915]).addTo(map); | ||
+ | Nagoya.bindPopup("< | ||
+ | var Odense = L.marker([55.4004 , 10.3833]).addTo(map); | ||
+ | Odense.bindPopup("< | ||
+ | var Oslo = L.marker([59.9167 , 10.75]).addTo(map); | ||
+ | Oslo.bindPopup("< | ||
+ | var Portland = L.marker([45.516010, | ||
+ | Portland.bindPopup("< | ||
+ | var Stockholm = L.marker([59.3508 , 18.0973]).addTo(map); | ||
+ | Stockholm.bindPopup("< | ||
+ | var Strasbourg = L.marker([48.58 , 7.75]).addTo(map); | ||
+ | Strasbourg.bindPopup("< | ||
+ | var TelAviv = L.marker([32.08 , 34.77]).addTo(map); | ||
+ | TelAviv.bindPopup("< | ||
+ | var Toulouse = L.marker([43.62 , 1.4499]).addTo(map); | ||
+ | Toulouse.bindPopup("< | ||
+ | var Tromso = L.marker([69.6351 , 18.992]).addTo(map); | ||
+ | Tromso.bindPopup("< | ||
+ | var Warsaw = L.marker([52.240313, | ||
+ | Warsaw.bindPopup("< | ||
+ | var Zurich = L.marker([47.38 , 8.55]).addTo(map); | ||
+ | Zurich.bindPopup("< | ||
+ | |||
+ | // Create an Empty Popup | ||
+ | var popup = L.popup(); | ||
+ | |||
+ | // Write function to set Properties of the Popup | ||
+ | function onMapClick(e) { | ||
+ | popup | ||
+ | .setLatLng(e.latlng) | ||
+ | .setContent(" | ||
+ | .openOn(map); | ||
+ | } | ||
+ | |||
+ | // Listen for a click event on the Map element | ||
+ | map.on(' | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | </ |
map.txt · Last modified: 2019/12/13 20:25 by agustin_aucar