フィーチャーデータサービスからのデータを使用したポップアップの作成

Question

esri-leafletを使用して、esriフィーチャーデータサービス経由でいくつかのデータを可視化しています。<\/P> 地図をクリックすると、以下のエラーが表示されます:<\/P> <\/P> TypeError: Node.appendChildの引数1はNodeインターフェースを実装していません。<\/P> <\/P> 私の仕様:<\/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> 何が間違っているのか、何かアイデアはありますか？<\/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