esri-leaflet is an open source plugin for leafletjs, providing a lightweight set of tools for using ArcGIS services with leaflet
Questions tagged [esri-leaflet]
59 questions
5
votes
2 answers
Leaflet reverse geocode
What I want is to use Leaflet maps + function where I can pass Lat/Lng and receive a text message with address.
I am trying to use esri plugin, however I am doing something wrong.
At the moment I am abke to get the address inseide of function but I…

Tikky
- 1,253
- 2
- 17
- 36
4
votes
0 answers
How can I tell if a Leaflet layer is currently visible?
I'm building a Leaflet plugin that adds/removes layers to/from a Leaflet map. My plugin needs to know if a given layer is visible on-screen. So far, I've come up with the following criteria that a layer must meet in order to be considered…

colbin8r
- 342
- 2
- 12
4
votes
1 answer
I can't get esri-leaflet to work with ReactJS --> basemapLayer of undefined
After npm installing esri-leaflet, and leaflet packages, I get the following error
This is my maps component:
import React from 'react'
import ReactDOM , {render} from 'react-don'
import L from 'esri-leaflet'
// import L from 'leaflet' <--…

securecurve
- 5,589
- 5
- 45
- 80
3
votes
0 answers
Uncaught TypeError: Cannot read property 'Controls' of undefined
I'm trying to add search bar in sharepoint map using esri leaflet.
It works well in IE, and google chrome...
Now If i use the same script in sharepoint.. I have this error:
“Uncaught TypeError: Cannot read propenter code hereerty 'Controls' of…

alhusher
- 31
- 5
3
votes
1 answer
esri-leaflet-geosearch: how to integrate it with React
In the following link, there is online demo case showing how to user esri-leaflet-geosearch plugin,
https://codepen.io/exomark/pen/dafBD
var searchControl = new L.esri.Controls.Geosearch().addTo(map);
var results = new…

Chris Bao
- 2,418
- 8
- 35
- 62
2
votes
0 answers
Include a custom Esri baselayer/webmap in Leaflet
We've been using esri-leaflet to put a base layer on my maps, but now we want a different look. Using their webmap editor we have put together a map we like and I have the webmap ID and using the docs I thought I could just use webMap the same way I…

Craig
- 8,093
- 8
- 42
- 74
2
votes
1 answer
How to stop popup from opening when I click on l.divicon custom html containing a button
I am using the esrileaflet library to render markers on a map having icon l.divicon which has a button in custom HTML.
I have bound an event to the button click which is called but also marker popup is opened which I don't want.
As l.divicon…

Bravo Ragazo
- 33
- 6
2
votes
1 answer
Leaflet: Polygon center objects that are useable by MarkerCluster
Is there there a way to add centerpoints created via .getCenter() within an onEachFeature event (see below) to an L.Marker, or similar, object that contains all of the centerpoints created on that event, that can be used by Leaflet.Markercluster?
I…

GeoJoeK
- 61
- 7
2
votes
1 answer
Error while trying to delete/edit shape using leaflet draw - ESRI
I am trying to delete/ edit a shape created using leaflet draw.
I get the following error when trying to edit the shape created.
I'm using leaflet 1.0-rc1 and leaflet draw version 0.3.2.
Here's my code:
var map = L.map('map').setView([28.7041,…

codejunkie
- 908
- 2
- 21
- 34
1
vote
1 answer
ESRI LEaflet - Adding ESRI GeoJSON / MultiPart Polygons to a REST service
I'm currently allowing users to draw into an ESRI-Leaflet map using a drawing layer, adding some additional properties to that layer, and then submitting the results to a feature service.
This is great for single polygons. The methodology, however,…

anakaine
- 1,188
- 2
- 14
- 30
1
vote
1 answer
esri-leaflet NOT showing in angular typescript it doesn't recognize VECTOR
I am not able to show the map or to use the search offered by esri-leafleft: here the code of the typsescript file.
import { Component, OnInit } from '@angular/core';
import { Title, Meta } from '@angular/platform-browser';
import…

Nano
- 87
- 1
- 10
1
vote
1 answer
How to add search control on leaflet map using Angular 2?
I am using leaflet.js with ngx-leaflet and esri-leaflet-geocoder packages.
I am able to using search box on the leaflet map with plain JavaScript. All I need is the following line:
var searchControl = L.esri.Geocoding.geosearch().addTo(mymap);
But…

Maihan Nijat
- 9,054
- 11
- 62
- 110
1
vote
0 answers
how to bind tooltip to L.esri.DynamicMapLayer
I can bind a popup to esri leaflet's L.esri.DynamicMapLayer layer but how would I bind a tooltip to below DynamicMapLayer ?
var featureLayer = L.esri.dynamicMapLayer({
url: url,
useCors: true
});

Bravo Ragazo
- 33
- 6
1
vote
1 answer
ERROR TypeError: Cannot read property 'basemapLayer' of undefined
ERROR TypeError: Cannot read property 'basemapLayer' of undefined
I have built a very basic application using the Angular CLI. When I build and run the application using ng serve -o everything builds successfully. However, when I view the…

Weston
- 416
- 1
- 9
- 17
1
vote
1 answer
Leaflet: e.layer doesn't work with L.Marker or esri.featurelayer?
I have a layer of centerpoints derived from polygons via an OnEachFeature event.
The first part of the behavior I'm looking for is for the polygon associated with that centerpoint to change style when clicked upon, which I've been successful at.
var…

GeoJoeK
- 61
- 7