Vytváření vyskakovacích oken s daty ze služby feature data

Question

Používám esri-leaflet k vizualizaci některých dat prostřednictvím esri feature data service.<\/P> Když kliknu na mapu, zobrazí se níže uvedená chyba:<\/P> <\/P> TypeError: Argument 1 metody Node.appendChild neimplementuje rozhraní Node.<\/P> <\/P> Moje specifikace:<\/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> Nějaký nápad, co dělám špatně?<\/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