Book Image

Leaflet.js Essentials

By : Paul Crickard III, Paul Crickard
Book Image

Leaflet.js Essentials

By: Paul Crickard III, Paul Crickard

Overview of this book

Table of Contents (13 chapters)
Leaflet.js Essentials
About the Author
About the Reviewers

Geocoding addresses in Leaflet

Geocoding is the process by which you can enter an address and be taken to a point on the map. Geocoding functionality is not part of the Esri-leaflet core but is a separate plugin. You can find more information on the esri-leaflet-geocoder GitHub page at

Geocoding – from an address to a point

The geocoding plugin places a search box below the zoom control. As you type an address, the search autocompletes and presents the possible options. You can either type the whole address or select from the list when the one you want is available. Clicking on an option or pressing enter will put a marker on the map at the location and zoom into it. To create a map with geocoding functionality, follow these steps:

  1. Reference the CSS and JS files:

    <script src=" leaflet-geocoder/0.0.1-beta.3/esri-leaflet-geocoder.js"></script>
    <link rel="stylesheet" type="text/css" href="http...