Pop-ups maken met gegevens van een feature data service

Question

Ik gebruik esri-leaflet om enkele gegevens te visualiseren via een esri feature data service.<\/P> Wanneer ik op de kaart klik, krijg ik de onderstaande foutmelding:<\/P> <\/P> TypeError: Argument 1 van Node.appendChild implementeert de interface Node niet.<\/P> <\/P> Mijn specificatie:<\/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> Heb je enig idee wat ik verkeerd doe?<\/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