<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin="" /> <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""> var lat = 43.76096; var lon = 1.99308; var macarte = null; var markerClusters; var villes = { "UL Graulhet - 51, rue des Peseignes": { "lat": 43.76096, "lon": 1.99308 } }; function initMap() { var iconBase = '/wp-content/uploads/sites/42/2019/04/'; macarte = L.map('map').setView([lat, lon], 15); markerClusters = L.markerClusterGroup(); L.tileLayer('https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png', { attribution: 'données © OpenStreetMap/ODbL - rendu OSM France', minZoom: 1, maxZoom: 20 }).addTo(macarte); for (ville in villes) { var myIcon = L.icon({ iconUrl: iconBase +'lieu.png', iconSize: [50, 50], iconAnchor: [25, 50], popupAnchor: [-3, -76], }); var marker = L.marker([villes[ville].lat, villes[ville].lon], { icon: myIcon }); marker.bindPopup(ville); markerClusters.addLayer(marker); } macarte.addLayer(markerClusters); } window.onload = function(){ initMap(); }; #map{ /* la carte DOIT avoir une hauteur sinon elle n'apparaît pas */ height:300px; width:100%; align="center"; }