leaflet-list-markers

KO | EN

gitlite — search

#typescript #go #android #deep-learning #linux #macos #windows #cli #kubernetes #pytorch #security #ios #openai #open-source

leaflet-list-markers

(★ 60)

A Leaflet Control for listing visible markers/features in a interactive box

File Explorer

Download Latest Version (.zip)

- leaflet-list-markers.min.css
- leaflet-list-markers.min.js
- leaflet-list-markers.src.css
- leaflet-list-markers.src.js
- cities-italy.js
- simple.html
- style.css
- back.png
- list-icon.png
- list-icon.svg
- list-markers.jpg
- select-marker.png
- leaflet-list-markers.css
- leaflet-list-markers.js
.gitignore
Gruntfile.js
index.html
package.json
README.md
TODO

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Leaflet List Markers
============

#What
A Leaflet Control for listing visible markers/features in the map

Tested in Leaflet 0.7.1

#Where

**Demos:**  
[opengeo.tech/maps/leaflet-list-markers](https://opengeo.tech/maps/leaflet-list-markers/)

**Source code:**  
[Github](https://github.com/stefanocudini/leaflet-list-markers)

![Image](https://raw.githubusercontent.com/stefanocudini/leaflet-list-markers/master/images/list-markers.jpg)

#How
Include leaflet-list-markers.css to page

Adding the List control to the map:

```
map.addControl( new L.Control.ListMarkers({layer: markersLayer}) );
//markersLayer is a L.LayerGroup contains listing markers
```
short way:
```
var map = new L.Map('map', { listMarkersControl: {layer: markersLayer} });
```

#Build

Since Version 1.4.7 this plugin support [Grunt](https://gruntjs.com/) for building process.
Therefore the deployment require [NPM](https://npmjs.org/) installed in your system.
After you've made sure to have npm working, run this in command line:
```
npm install
grunt
```

leaflet-list-markers

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

leaflet-list-markers

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README