Discover the locations of your favourite animal
const leaflet_animals_infos = new Map([
["Mountain Gorilla", [[[-1.066332, 29.759423], [-1.363992, 29.604749], [-1.408469, 29.601324], [0.100951, 29.487263]],
[["Bwindi Impenetrable National Park, Uganda"], ["Mgahinga Gorilla National Park, Uganda"], ["Parc national des volcans, Ruanda"], ["Virunga National Park, Democratic Republic of the Congo"]],
['https://www.animalsaroundtheglobe.com/mountain-gorilla-trekking/']]
],
["Orca", [[[69.307673, 15.909713], [49.304833, -125.668039], [8.644849, -83.583282]],
[["Andenes, Norway"], ["Vancouver Island, Canada"], ["Drake Bay, Costa Rica"]],
['https://www.animalsaroundtheglobe.com/best-places-to-swim-or-dive-with-orcas/']]
],
["Panda", [[[29.171908, 110.381464]],
[["Several Locations, China"]],
['https://www.animalsaroundtheglobe.com/where-to-see-giant-pandas/']]
],
["Polar Bear", [[[78.882704, 22.763302], [71.567114, -44.094752], [58.750220, -94.156818], [70.131735, -143.608116]],
[["Spitzbergen, Norway"], ["Greenland"], ["Churchill, Canada"], ["Alaska, USA"]],
['https://www.animalsaroundtheglobe.com/encountering-the-polar-bear-king-of-the-arctic/']]
],
["White Shark", [[[-34.722859, 19.316133], [-34.766970, 136.132574], [16.153139, -61.340714], [41.742323, -69.851578]],
[["South Coast, South Africa"], ["Port Lincoln, Australia"], ["Guadeloupe, Caribbean Sea"], ["Cape Cod, USA"]],
['https://www.animalsaroundtheglobe.com/great-white-shark-diving-where-you-need-to-go/']]
],
["Lion", [[[-19.911349, 24.668338], [21.103299, 70.778183]],
[["African Continent"], ["Gir-National Park, India"]],
['https://www.animalsaroundtheglobe.com/best-places-to-see-lions/']]
],
["Tiger", [[[22.734338, 81.954095], [21.951113, 89.328468], [27.985355, 84.618319], [47.547154, 135.748857]],
[["Several Locations, India"], ["Sundabans, Bangladesh"], ["Several Locations, Nepal"], ["Siberia, Russia"]],
['https://www.animalsaroundtheglobe.com/tiger-safari-or-tour/']]
],
["Elephant", [[[-19.911349, 24.668338], [22.734338, 81.954095]],
[["African Continent"], ["Several Locations, India"]],
['https://www.animalsaroundtheglobe.com/see-elephants/']]
],
["Rhino", [[[-19.911349, 24.668338], [26.578737, 93.164782]],
[["African Continent"], ["Kaziranga National Park, India"]],
['https://www.animalsaroundtheglobe.com/see-rhinos/']]
],
["Giraffe", [[[-19.911349, 24.668338]],
[["African Continent"]],
['https://www.animalsaroundtheglobe.com/where-to-see-giraffes/']]
],
["Koala", [[[-37.463086, 146.723342]],
[["Australian Continent"]],
['https://www.animalsaroundtheglobe.com/where-you-can-see-koalas/']]
],
["Hippo", [[[-19.911349, 24.668338]],
[["African Continent"]],
['https://www.animalsaroundtheglobe.com/best-places-to-see-hippos/']]
],
["Bull Shark", [[[-18.241265, 178.076599], [10.094469, 99.857894], [11.978872, -80.832968], [10.809834, -85.910295]],
[["Shark Reef, Fidschi"], ["Ko Thao, Thailand"], ["Several Locations, Caribbean Sea"], ["Islas Murciélagos, Costa Rica"]],
['https://www.animalsaroundtheglobe.com/the-best-places-to-dive-with-bull-sharks/']]
],
["Tiger Shark", [[[-30.833775, 30.481316], [-0.299226, 73.417833], [18.761275, -111.046744], [24.446451, -77.562316]],
[["Protea Banks, South Africa"], ["Fuvahmulah, Maldives"], ["Isla Socorro, Mexiko"], ["Bahamas"]],
['https://www.animalsaroundtheglobe.com/diving-with-tiger-sharks/']]
],
["Humpback Whale", [[[-23.848342, 35.548592], [-34.722859, 19.316133]],
[["Tofo, Mozambique"], ["South Coast, South Africa"]],
['https://www.animalsaroundtheglobe.com/humpback-whale-sightings/']]
],
["Blue Whale", [[[11.978872, -80.832968], [66.269768, -19.277346], [38.199796, -27.129520], [7.567563, 79.428244]],
[["Several Locations, Caribbean Sea"], ["North Iceland"], ["Azores, Portugal"], ["Sri Lanka"]],
['https://www.animalsaroundtheglobe.com/blue-whales-of-the-world/']]
],
["Brown Bear", [[[63.198243, 16.063385], [40.276510, 22.236901], [63.675520, -152.720590], [51.177439, -115.555905]],
[["Several Locations, Scandinavia"], ["Several Locations, Greece"], ["Alaska, USA"], ["Banff, Canada"]],
['https://www.animalsaroundtheglobe.com/brown-bears-in-the-wild/']]
],
["Orangutan", [[[0.402950, 113.568848], [-0.495189, 102.248869]],
[["Borneo, Malaysia & Indonesia"], ["Sumatra, Indonesia"]],
['https://www.animalsaroundtheglobe.com/see-orangutans/']]
],
["Whale Shark", [[[-22.659869, 113.638210], [-4.294603, 54.727135], [11.978872, -80.832968], [12.941628, 123.543555]],
[["Ningaloo, Australia"], ["Mahé, Seychelles"], ["Several Locations, Caribbean Sea"], ["Donsol. Phillipines"]],
['https://www.animalsaroundtheglobe.com/the-best-places-to-dive-with-whale-sharks/']]
],
["Cheetah", [[[-19.911349, 24.668338]],
[["African Continent"]],
['https://www.animalsaroundtheglobe.com/encounter-wild-cheetahs-a-complete-guide/']]
]
]);
function populate_dropdown_options(dropdown_id) {
dropdown_element = document.getElementById(dropdown_id);
for (const [animal_name, animal_information] of leaflet_animals_infos) {
var opt = document.createElement("option");
opt.innerHTML = animal_name;
dropdown_element.appendChild(opt);
dropdown_element.selectedIndex = 0;
}
}
function clear_markers(L, map) {
map.eachLayer(function (layer) {
if (layer instanceof L.Marker) {
layer.remove();
}
});
}
function show_animal_marker(L, map, animal) {
clear_markers(L, map);
animal_data = leaflet_animals_infos.get(animal);
console.log(animal_data);
for (i = 0; i < animal_data[1].length; i++) {
L.marker(animal_data[0][i]).bindPopup(`
${animal_data[1][i]}See related posts!`).addTo(map);
}
}
var mymap = L.map('mapid', {
doubleClickZoom: false,
scrollWheelZoom: false,
zoomControl: false,
touchZoom: "center",
dragging: false,
tap: true,
}).setView([51.505, -0.09], 2);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '©
OpenStreetMap contributors'
}).addTo(mymap);
populate_dropdown_options("animal_selector");
document.getElementById("animal_selector").addEventListener("change", (event) => {
var e = document.getElementById("animal_selector");
var strAnimal = e.options[e.selectedIndex].text;
show_animal_marker(L, mymap, strAnimal);
});
show_animal_marker(L, mymap, "Mountain Gorilla");
