Criando popups com dados de um serviço de dados de feição

Question

Estou usando esri-leaflet para visualizar alguns dados via um serviço de dados de feição esri.<\/P> Quando clico no mapa, recebo o erro mostrado abaixo:<\/P> <\/P> TypeError: Argumento 1 de Node.appendChild não implementa a interface Node.<\/P> <\/P> Minha especificação:<\/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> Alguma ideia do que estou fazendo errado?<\/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