Wie verwendet man arcgis-leaflet mit meteor js?

Question

0down votefavorite Ich erstelle eine einfache App, um eine leaflet-Karte mit meteor anzuzeigen. Aber es funktioniert nicht. Dies ist mein Code : Html:

Explore D3

javascript: 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?f=jsapi", 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) }); }

RobertScheitlin__GISP · Answer

Dadi,

This is a bit out of my comfort zone, as I don't work with Meteor or NPM leaflet package.

I am going to tag the Leaflet group maybe someone there can help.

https://community.esri.com/groups/esri-leaflet?sr=search&searchId=c21df669-81e0-469d-a237-097962db585d&searchIndex=0‌

meriammme · Answer

thanks, but I still having this type of error :

Ps : I'm using the npm package "esri-leaflet"

RobertScheitlin__GISP · Answer

Dadi, One major issue is the url you are using for the featureLayer: var parks = L.esri.featureLayer({ url: "http://gis.d3smartcity.ae/arcgis/rest/services/Operation_layers/d3_Masterplan/MapServer?f=jsapi", style: function () { return { color: "#70ca49", weight: 2 }; } }).addTo(map);‍‍‍‍‍‍‍‍‍‍‍‍ it should be (no ?f=jsapi): 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);‍‍‍‍‍‍