<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.2/dist/leaflet.css" /> <script src="https://unpkg.com/leaflet@1.0.2/dist/leaflet.js"></script> <!-- Attention : normalement lien vers image.ensfea.fr mais en https <link rel="stylesheet" href="http://image.ensfea.fr/opp/lib/leaflet/leaflet.css" /> <script src="http://image.ensfea.fr/opp/lib/leaflet/leaflet.js"></script> -->
</head>
<body>
<div id="mapid" style="margin: 0 auto; width: 95%; height: 600px; box-shadow: 0 0 10px #999;"></div>
<script>
var Esri_WorldImagery = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {attribution: '<a href="https://wiki.ensfea.fr/doku.php?id=geo:credits_carto">Credits</a>'});
var HERE_hybridDay = L.tileLayer('http://{s}.{base}.maps.cit.api.here.com/maptile/2.1/{type}/{mapID}/hybrid.day/{z}/{x}/{y}/{size}/{format}?app_id={app_id}&app_code={app_code}&lg={language}', {
attribution: '<a href="https://wiki.ensfea.fr/doku.php?id=geo:credits_carto">Credits</a>',
subdomains: '1234',
mapID: 'newest',
app_id: 'OD0hkGvs1mcrtCHFUx1d',
app_code: 'l1-SwwUd5eJX0kM9MNW1UQ',
base: 'aerial',
maxZoom: 20,
type: 'maptile',
language: 'eng',
format: 'png8',
size: '256'
});
<!– var Esri_WorldTopoMap = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}', {attribution: '<a href=“https://wiki.ensfea.fr/doku.php?id=geo:credits_carto”>Credits</a>'}); –>
var url_carto = "https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1Ijoiamlib3VpbGxlIiwiYSI6ImNqMjgyc3phOTAwMmIzMm5zc3BhYWFxMXkifQ.K8NLVNDa8P8tROjrQ45mVg";
var carto = new L.tileLayer(url_carto,
{
maxZoom: 20,
attribution: '<a href="https://wiki.ensfea.fr/doku.php?id=geo:credits_carto">Credits</a>',
id: 'mapbox.streets'
});
<!-- Gestion des spots -->
var greenIcon = new L.Icon({
iconUrl: 'https://cdn.rawgit.com/pointhi/leaflet-color-markers/master/img/marker-icon-green.png',
shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
iconSize: [25, 41],
iconAnchor: [12, 41],
popupAnchor: [1, -34],
shadowSize: [41, 41]
});
var coordo = [];
var nbspots=0;
coordo.push(-36.8523378,174.76910729999997);
coordo.push(31.90375409999999,34.80803149999997);
coordo.push(50.598572,4.354998000000023);
coordo.push(50.5588327,4.685219599999982);
coordo.push(60.20775740196886,24.870160818099976);
coordo.push(62.889201,27.629466800000046);
coordo.push(37.98266660000001,23.70546020000006);
coordo.push(40.656953,22.80383400000005);
coordo.push(53.345771,-6.279072700000029);
coordo.push(52.137577,20.744332999999983);
coordo.push(41.7979921,-6.765417699999944);
coordo.push(51.5167711,-0.1308695999999827);
coordo.push(51.4709286,-3.176788600000009);
coordo.push(45.7771896,14.217396300000019);
coordo.push(50.8494596,4.460360000000037);
coordo.push(46.0275786,16.551121500000022);
coordo.push(61.50321679999999,23.80883940000001);
coordo.push(50.130001,14.373442999999952);
coordo.push(48.22927300000001,16.358947100000023);
coordo.push(50.30767,5.098283000000038);
nbspots = 20;
var spots = new L.layerGroup();
sp=1;
var url_ri = "https://www.auckland.ac.nz/en.html";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]], {icon: greenIcon}).bindPopup("<b>Université d'Auckland</b><br />UMR EFTS<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=2;
url_ri = "https://www.weizmann.ac.il/pages/";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Institut Weizmann</b><br />UMR EFTS<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=3;
url_ri = "http://www.crossfitnivelles.be/";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Crossfit Nivelles</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=4;
url_ri = "http://www.hech.be/fr/isia-gembloux";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Institut supérieur Industriel agronomique ISIA-Huy-Gembloux</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=5;
url_ri = "http://hrsk.fi/etusivu/";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Lycée franco-finlandais d’Helsinki</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=6;
url_ri = "http://portal.savonia.fi/amk/";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Savonia University of Applied Sciences</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=7;
url_ri = "http://www2.aua.gr/el";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Agricultural University of Athens</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=8;
url_ri = "https://www.teithe.gr/";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Alexander Technological and Educational Institute</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=9;
url_ri = "http://www.yourenglish.ie/";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Your English Language School</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=10;
url_ri = "http://www.kcer.pl/";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Krajowe Centrum Edukacji Rolniczej w Brwinowie</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=11;
url_ri = "http://portal3.ipb.pt/index.php/en/ipben/home";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Instituto Politécnico de Bragança</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=12;
url_ri = "http://www.centralschool.co.uk/";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Central School of English</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=13;
url_ri = "http://www.dragoncrossfit.com/";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Dragon Crossfit</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=14;
url_ri = "http://www.zavod-znanje.si/si/";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Zavod Znanje Postojna</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=15;
url_ri = "http://enseignement.catholique.be/";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Secrétariat général de l'enseignement catholique</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=16;
url_ri = "https://www.vguk.hr/";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Visoko gospodarsko uciliste u Krizevcima / College Of Agriculture</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=17;
url_ri = "http://www.tamk.fi/web/tamk/etusivu";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Tampereen Ammattikorkeakoulu Oy</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=18;
url_ri = "https://www.czu.cz/en/";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Ceska Zemedelska Univerzita V Praze</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=19;
url_ri = "https://lifesciences.univie.ac.at/";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Univserity of Vienna - Faculty of Life Sciences</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
sp=20;
url_ri = "http://www.awenet.be/awe/";
L.marker([coordo[2*sp-2] , coordo[2*sp-1]]).bindPopup("<b>Association Wallone de l'élevage</b><br />Service RI<br />Thème : <br /><a href=" + url_ri + ">Lien</a>").addTo(spots);
var overlayMaps = {
"Spots": spots
};
<!-- Gestion des cartes de base -->
var baseMaps = {
// "Raster": Esri_WorldImagery,
"Mixte": HERE_hybridDay,
// "Topo": Esri_WorldTopoMap,
"Carto": carto
};
var mymap = L.map('mapid',
{
center: [30.0,30],
zoom: 2,
layers: [carto,Esri_WorldTopoMap,Esri_WorldImagery]
});
mymap.addLayer(spots);
L.control.layers(baseMaps, overlayMaps).addTo(mymap);
L.control.scale({'position':'bottomleft','metric':true,'imperial':false}).addTo(mymap);
</script> </body>
</html>