Le blog de Philippe Poisse - Leaflet - Commentaires2024-03-24T20:00:51+01:00Philippe Poisseurn:md5:461e3511a43adbbb7d3a84a8af2d4212DotclearLimite des communes avec Leaflet et overpass-turbo: version statique - dindounurn:md5:7a31e7c118e454d99113e2868b7091cb2021-09-17T02:23:15+02:002021-09-17T01:23:15+02:00dindoun<p>intéressant mais ça ne marche pas :<br />
-* la page ne correspond pas au code<br />
-* il manque des codes <div id=map>...<br />
-* contient des div supplémentaires<br />
-* il n'est pas indiqué ce que contiennent les .js<br />
-* les leafjet.js/css ne sont pas versionnés</p>Limite des communes avec Leaflet et overpass-turbo: version statique - clementurn:md5:19d21ca766b64a378d9f8cca4e3c5fb32019-07-14T23:07:51+02:002019-07-14T22:07:51+02:00clement<p>Bonjour,</p>
<p>A partir de l’API du gouvernement je cherche à faire les contours d’une commune par exemple versailles. Je bloque ça ne marche pas… J'ai essayé d'utiliser votre code sans succès... Merci de votre aide</p>
<p>Voici mon code :</p>
<p>function initMap() {<br />
// Créer l'objet "macarte" et l'insèrer dans l'élément HTML qui a l'ID "map"<br />
macarte = L.map('map').setView([lat, long], 11);<br />
// 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<br />
L.tileLayer('<a href="https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png'," title="https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png'," rel="nofollow">https://{s}.tile.openstreetmap.fr/o...</a> {<br />
// Il est toujours bien de laisser le lien vers la source des données<br />
attribution: 'données OpenStreetMap - rendu OSM France',<br />
minZoom: 1,<br />
maxZoom: 20<br />
}).addTo(macarte)<br />
function style() {<br />
return {<br />
fillColor: rgb(0,176,80),<br />
weight: 2,<br />
opacity: 1,<br />
color: 'white',<br />
dashArray: '3',<br />
fillOpacity: 0.7<br />
};<br />
}<br />
var url = "<a href="https://geo.api.gouv.fr/communes/78646/?&fields=contour" title="https://geo.api.gouv.fr/communes/78646/?&fields=contour" rel="nofollow">https://geo.api.gouv.fr/communes/78...</a>"<br />
ajaxGet(url, function (reponse) {<br />
var contour = JSON.parse(reponse);<br />
<br />
for (var i = 0 ; i < contour.length ; i++) {<br />
contour[i].reverse();<br />
}<br />
L.geoJson(contour).addTo(macarte);<br />
L.geoJson(contour, {style: style}).addTo(macarte);<br />
<br />
})<br />
window.onload = function(){<br />
// Fonction d'initialisation qui s'exécute lorsque le DOM est chargé<br />
initMap();<br />
};<br />
</script></p>Un fond de carte Google Maps avec Leaflet - bruneturn:md5:f89a2975a127a7cae58d4e1603e860202017-01-23T11:27:38+01:002017-01-23T11:27:38+01:00brunet<p>Bonjour,</p>
<p>merci pour ce tuto complet.</p>
<p>Aprés mise en place tout fonctionne OK, mais au bout de quelques jours le fond de carte disparait pour laisser un fond gris le marqueur est présent mais plus la carte</p>
<p>Avez vous une piste ?</p>
<p>merci par avance</p>
<p>laurent Brunet</p>Un fond de carte Google Maps avec Leaflet - Cedricurn:md5:2adc700768ae6f3c6b1b13fc33b5b0692015-07-08T17:02:02+02:002015-07-08T16:02:02+02:00Cedric<p>Bonjour,</p>
<p>Excellent tuto, cependant lorsque j'applique le ROADMAP google avec l'affiche des polygones, il y a un temps de réaction différents entre la carte ROADMAP google et les polygones lors d'un zoom/dézoom.<br />
Les polygones s'affiche normalement, tandis que la carte ROADMAP google mets plus de temps à réagir.</p>
<p>Merci de votre aide<br />
Cedric</p>