meteor jsでarcgis-leafletを使う方法は？

Question

皆さん、こんにちは、 meteorでleafletマップを表示するシンプルなアプリを作っていて、npmパッケージ"esri-leaflet"を使っています。しかし動作しません。これが私のコードです： Html:

Explore D3

javascript:<\/CODE><\/PRE>

onRendered(){  L = require('esri-leaflet')     
var map = L.map('viewDiv').setView([45.528, -122.680], 13);    
 L.esri.basemapLayer("Gray").addTo(map);      var parks = L.esri.featureLayer({   
      url: "http:\/\/gis.d3smartcity.ae\/arcgis\/rest\/services\/Operation_layers\/d3_Masterplan\/MapServer",     
    style: function () {             return { color: "#70ca49", weight: 2 };         }     }).addTo(map);   
   var popupTemplate = "{NAME}
{ACRES} Acres
Property ID: {PROPERTYID}";    
  parks.bindPopup(function (e) {         return L.Util.template(popupTemplate, e.feature.properties)     }); }

しかし、いつも同じ問題が発生します：
どんな助けでも感謝します！

BillChappell · Answer

L.map is not a function is what the error screams. I'm not a Meteor user but you usually see this when the app doesn't see the library. In the Esri example they also call the Leaflet Library, your example just refers to the Esri lib not the Leaflet Lib. I believe you need both. Once your app can see the Library it show draw the map. https://unpkg.com/leaflet@1.0.0/dist/leaflet.css" />

CoffeeforClosers · Answer

Dadi,

I don't work with Meteor so I can't speak to using that framework but I noticed that you're not passing a feature layer URL in your featureLayer constructor. You'll need to point to a specific layer number.