1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
| var macarte = null;
// Fonction d'initialisation de la carte
function MapPleine(la,lo) {
// Créer l'objet "macarte" et l'insèrer dans l'élément HTML qui a l'ID "map"
macarte = L.map('mappleine').setView([la, lo], 11);
// Leaflet ne récupère pas les cartes (tiles) sur un serveur par défaut. Nous devons lui préciser où nous souhaitons les récupérer. Ici, openstreetmap.fr
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
// Il est toujours bien de laisser le lien vers la source des données
attribution: 'données © <a href="//osm.org/copyright">OpenStreetMap</a>/ODbL - rendu <a href="//openstreetmap.fr">OSM France</a>',
minZoom: 5,
maxZoom: 15
}).addTo(macarte);
//Choix marqeur pour ma géolocalisation
var myIcon = L.icon({
iconUrl: "./../Image/marqueur/malocalisation.png",
iconSize: [50, 50],
iconAnchor: [25, 50],
popupAnchor: [-3, -76],
});
var marker = L.marker([47,6]).addTo(macarte);
//marker.setLatLng([40,6]);
}
window.onload = MapPleine(46,8);
macarte.on('click',
function(e){
alert("ok");
marker.setLatLng([40,6]);
}); |
Partager