All Projects → stefanocudini → leaflet-geojson-selector

stefanocudini / leaflet-geojson-selector

Licence: other
Show GeoJSON Layer like as Interactive Menu List

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to leaflet-geojson-selector

Leaflet.vectorgrid
Display gridded vector data (sliced GeoJSON or protobuf vector tiles) in Leaflet 1.0.0
Stars: ✭ 436 (+395.45%)
Mutual labels:  vector-tiles, geojson, leaflet
Tiler
A no nonsense Vector Tile pipeline
Stars: ✭ 132 (+50%)
Mutual labels:  vector-tiles, geojson
Vector Datasource
Tilezen vector tile service - OpenStreetMap data in several formats
Stars: ✭ 427 (+385.23%)
Mutual labels:  vector-tiles, geojson
Mapbox Gl Native Android
Interactive, thoroughly customizable maps in native Android powered by vector tiles and OpenGL
Stars: ✭ 135 (+53.41%)
Mutual labels:  vector-tiles, geojson
Kepler
The open source full-stack geosocial network platform
Stars: ✭ 125 (+42.05%)
Mutual labels:  geojson, leaflet
Mapstore2
Modern webmapping with OpenLayers, Leaflet and React
Stars: ✭ 251 (+185.23%)
Mutual labels:  geojson, leaflet
Mapbox Gl Js
Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
Stars: ✭ 8,017 (+9010.23%)
Mutual labels:  vector-tiles, geojson
Ngx Leaflet Starter
A soup of Angular and Leaflet
Stars: ✭ 208 (+136.36%)
Mutual labels:  vector-tiles, leaflet
Tangram
WebGL map rendering engine for creative cartography
Stars: ✭ 1,964 (+2131.82%)
Mutual labels:  vector-tiles, leaflet
Node Tileserver
A lightweight tileserver based on NodeJS for serving bitmap and vector tiles.
Stars: ✭ 148 (+68.18%)
Mutual labels:  vector-tiles, leaflet
Leaflet Elevation
Leaflet plugin that allows to add elevation profiles using d3js
Stars: ✭ 88 (+0%)
Mutual labels:  geojson, leaflet
leaflet-layerJSON
Build dynamic JSON Layer via Ajax/JSONP with caching
Stars: ✭ 82 (-6.82%)
Mutual labels:  leaflet, web-mapping
Leaflet Geoman
🍂🗺️ The most powerful leaflet plugin for drawing and editing geometry layers
Stars: ✭ 1,088 (+1136.36%)
Mutual labels:  geojson, leaflet
Mapbox Gl Native
Interactive, thoroughly customizable maps in native Android, iOS, macOS, Node.js, and Qt applications, powered by vector tiles and OpenGL
Stars: ✭ 4,091 (+4548.86%)
Mutual labels:  vector-tiles, geojson
Leaflet.timeline
Display arbitrary GeoJSON on a map with a timeline slider and play button
Stars: ✭ 291 (+230.68%)
Mutual labels:  geojson, leaflet
Tippecanoe
Build vector tilesets from large collections of GeoJSON features.
Stars: ✭ 1,986 (+2156.82%)
Mutual labels:  vector-tiles, geojson
echarty
Minimal R/Shiny Interface to ECharts.js
Stars: ✭ 49 (-44.32%)
Mutual labels:  geojson, leaflet
vaguely-rude-places
The map of Vaguely Rude Place Names
Stars: ✭ 19 (-78.41%)
Mutual labels:  geojson, leaflet
MinedMap
Minecraft map renderer and viewer
Stars: ✭ 35 (-60.23%)
Mutual labels:  leaflet
web-maps-wcag-evaluation
Manual accessibility evaluation of popular web map tools.
Stars: ✭ 28 (-68.18%)
Mutual labels:  leaflet

leaflet-geojson-selector

npm version

Show GeoJSON properties in a interactive menu and map

Copyright 2016 Stefano Cudini

Tested in Leaflet 0.7.x, 1.3.x

Licensed under the MIT

Image

#Where

Demo online:
opengeo.tech/maps/leaflet-geojson-selector

Source code:
Github
NPM

Options

Option Default Description
collapsed false collapse panel list
position 'bottomleft' position of panel list
listLabel 'properties.name' GeoJSON property to generate items list
listSortBy 'properties.name' property to sort items, default is listLabel
listItemBuild null function list item builder
activeListFromLayer true highlight of list item on layer hover
zoomToLayer false
listOnlyVisibleLayers false show only items visible in map canvas
multiple false active multiple selection
style {} style for GeoJSON features
activeClass 'active' css class name for active list items
activeStyle style for Active GeoJSON features
selectClass 'selected'
selectStyle {} style for Selected GeoJSON features

Events

Event Data Description
'selector:change' {selected, layers} fired after checked item in list, selected is true if any layer is selected

Methods

Method Arguments Description
reload() layer search text by external code

#Build

Since Version 1.4.7 this plugin support Grunt for building process. Therefore the deployment require NPM installed in your system. After you've made sure to have npm working, run this in command line:

npm install
grunt
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].