Créer des popups avec des données d'un service de données de fonctionnalités

Question

J'utilise esri-leaflet pour visualiser certaines données via un service de données de fonctionnalités esri.<\/P> Lorsque je clique sur la carte, j'obtiens l'erreur affichée ci-dessous :<\/P> <\/P> TypeError : L'argument 1 de Node.appendChild n'implémente pas l'interface Node.<\/P> <\/P> Ma spécification :<\/P> <\/P> var countries = new L.esri.FeatureLayer(featureURL, {<\/P> style : function () {<\/P> <\/TD> return {color : "#70ca49", weight : 2, fillOpacity : 0.3};<\/TD> <\/TR> <\/TBODY> <\/TABLE> }<\/P> <\/P> var popupTemplate = "

{CNTRY_NAME}<\/h3>";<\/P> <\/P> countries.bindPopup(function(feature){<\/P> return L.Util.template(popupTemplate, feature.properties)<\/P> });<\/P> <\/P> Avez-vous une idée de ce que je fais mal ?<\/P>

WinstonHoyle · Answer

You have some small syntax errors. var countries = new L.esri.featureLayer({ url: featureURL, style: function () { return { color: "#70ca49", weight: 2, fillOpacity: 0.3 } } }).addTo(map); var popupTemplate = "

{CNTRY_NAME}

"; countries.bindPopup(function (layer){ return L.Util.template(popupTemplate, layer.feature.properties) });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ Popups using Esri-Leaflet: https://esri.github.io/esri-leaflet/examples/feature-layer-popups.html Popups using Leaflet: https://leafletjs.com/reference-1.3.2.html#popup