esri-leaflet-geocoder
Advanced tools
The Esri Leaflet Geocoder is a small series of API helpers and UI controls to interact with the ArcGIS Online geocoding services.
Take a look at the live demo.
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Esri Leaflet Geocoder</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<!-- Load Leaflet from CDN-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/leaflet/1.0.0-rc.1/leaflet.css" />
<script src="https://cdn.jsdelivr.net/leaflet/1.0.0-rc.1/leaflet.js"></script>
<!-- Esri Leaflet -->
<script src="https://cdn.jsdelivr.net/leaflet.esri/2.0.1/esri-leaflet.js"></script>
<!-- Esri Leaflet Geocoder -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/leaflet.esri.geocoder/2.1.1/esri-leaflet-geocoder.css">
<script src="https://cdn.jsdelivr.net/leaflet.esri.geocoder/2.1.1/esri-leaflet-geocoder.js"></script>
<!-- Make the map fill the entire page -->
<style>
#map {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map = L.map('map').setView([45.5165, -122.6764], 12);
var tiles = L.tileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png").addTo(map);
var arcgisOnline = L.esri.Geocoding.arcgisOnlineProvider();
// create the geocoding control and add it to the map
var searchControl = L.esri.Geocoding.geosearch({
providers: [arcgisOnline]
}).addTo(map);
// create an empty layer group to store the results and add it to the map
var results = L.layerGroup().addTo(map);
// listen for the results event and add every result to the map
searchControl.on("results", function(data) {
results.clearLayers();
for (var i = data.results.length - 1; i >= 0; i--) {
results.addLayer(L.marker(data.results[i].latlng));
}
});
</script>
</body>
</html>
L.esri.Geocoding.geosearcha control for auto-complete enabled search
L.esri.Geocoding.geocodeServiceA basic wrapper for ArcGIS Online geocoding services. Used internally by L.esri.Geocoding.geosearch.
L.esri.Geocoding.geocodeAn abstraction for submitting requests to turn addresses into locations.
L.esri.Geocoding.suggestAn abstraction for submitting requests for geocoding suggestions.
L.esri.Geocoding.reverseGeocodeAn abstraction for submitting requests for address candidates associated with a particular location.
cd into the esri-leaflet-geocoder folder and install the dependencies with npm installnpm start from the command line. This will compile minified source in a brand new dist directory, launch a tiny webserver and begin watching the raw source for changes.debug/sample.html should 'just work'Find a bug or want to request a new feature? Please let us know by submitting an issue.
Esri welcomes contributions from anyone and everyone. Please see our guidelines for contributing.
In order the use the ArcGIS Online Geocoding Service you should signup for an ArcGIS for Developers account or purchase an ArcGIS Online Organizational Subscription.
forStorage flag and a valid access token.This information is from the ArcGIS for Developers Terms of Use FAQ and the ArcGIS Online World Geocoder documentation
Copyright 2016 Esri
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
A copy of the license is available in the repository's license.txt file.
[](Esri Tags: ArcGIS Web Mapping Leaflet Geocoding) [](Esri Language: JavaScript)
[2.1.1] - 2016-07-25
ensure that setting maxResults limits the number of suggestions provided by L.esri.Geocoding.geosearch, not just final results #124
trap situation in which geocoding service returns more than one candidate even though request includes a magicKey #129
improved support for custom Esri geocoding services in geosearch #124
FAQs
Esri Geocoding utility and search plugin for Leaflet.
The npm package esri-leaflet-geocoder receives a total of 21,696 weekly downloads. As such, esri-leaflet-geocoder popularity was classified as popular.
We found that esri-leaflet-geocoder demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
Research
Security News
Socket researchers uncovered a malicious PyPI package exploiting Deezer’s API to enable coordinated music piracy through API abuse and C2 server control.
Research
The Socket Research Team discovered a malicious npm package, '@ton-wallet/create', stealing cryptocurrency wallet keys from developers and users in the TON ecosystem.