Leaflet Control Search

A Leaflet control that search markers/features location by custom property.
Support ajax/jsonp autocompletion and JSON data filter/remapping.

Licensed under the MIT license.

Copyright Stefano Cudini

Tested in Leaflet 0.7.x and 1.3.x

Where

Demo: labs.easyblog.it/maps/leaflet-search

Source code: Github NPM

Install

npm install --save leaflet-search

Options

Events

Methods

Examples

(require src/leaflet-search.css)

Adding the search control to the map:

var searchLayer = L.layerGroup().addTo(map);
//... adding data in searchLayer ...
map.addControl( new L.Control.Search({layer: searchLayer}) );
//searchLayer is a L.LayerGroup contains searched markers

Short way:

var searchLayer = L.geoJson().addTo(map);
//... adding data in searchLayer ...
L.map('map', { searchControl: {layer: searchLayer} });

AMD module:

require(["leaflet", "leafletSearch"],function(L, LeafletSearch) {

	//... initialize leaflet map and dataLayer ...

	map.addControl( new LeafletSearch({
		layer: dataLayer
	}) );
});

Build

Therefore the deployment require npm installed in your system.

npm install
npx grunt

Use Cases

This list is intended to be of utility for all developers who are looking web mapping sample code to solve complex problems of integration with other systems using Leaflet Control Search.

Anyone can add the link of your website

(spamming urls will be automatically deleted)

• NMEA Generator
• Pouemes
• Folium
• OpenTopoMap
• Falesia.it
• Leaflet Control Search (Official demos)
• Parkowanie Gliwice
• Agenziauscite.Openstreetmap.it
• Modern Leaflet Toolbar
• UnGiro.it
• OpenBeerMap
• Spatial statistics for the city of Tampere, Finland
• BALIMIO Bali photo guide
• Flask Admin
• LIVE-Map LiF:YO
• OpenTrailMap
• Rutas Morelia
• EDSM - Galactic Map
• The area of effect of the "MOAB" bomb in Afghanistan
• Ipyleaflet
• Craft Ottawa