var mymap = L.map('mapid', { gestureHandling: true }
).setView([45.7115, 4.8497], 13);
L.tileLayer('
https://api.mapbox.com/styles/v1/
{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
attribution: 'Map data ©
OpenStreetMap contributors,
CC-BY-SA, Imagery ©
Mapbox',
maxZoom: 18,
id: 'mapbox/streets-v11',
accessToken: 'pk.eyJ1IjoiamFudXNmcmFuY2UiLCJhIjoiY2s1OGU0OHVjMG1paDNtcGcxbmJlNHd4dyJ9.IiNk5zVtO5Z_4ES5Ok_0dw'
}).addTo(mymap);
var oullins = L.marker([45.71653, 4.81899]).addTo(mymap);
//var lycee = L.marker([45.71649,4.88268]).addTo(mymap);
var coblod = L.marker([45.70054,4.89229]).addTo(mymap);
oullins.bindPopup(get_popup("oullinsPopup"));
//lycee.bindPopup(get_popup("lyceePopup"));
coblod.bindPopup(get_popup("coblodPopup"));
function get_popup(popup_class) {
var full = document.getElementsByClassName(popup_class);
return full[0].innerHTML;
}