map
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
map [2019/12/13 19:25] – agustin_aucar | map [2019/12/13 19:25] (current) – 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.1576265113.txt.gz · Last modified: 2019/12/13 19:25 by agustin_aucar