Le blog de Philippe Poisse - Mot-clé - Limites des communes - Commentaires2024-03-28T22:26:21+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>