Questions tagged [esri-leaflet]

esri-leaflet is an open source plugin for leafletjs, providing a lightweight set of tools for using ArcGIS services with 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…
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…
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 });
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
1
2 3 4