sunyong2016 / leaflet-locationpicker

Simple location picker on Leaflet map

Home Page:https://opengeo.tech/maps/leaflet-locationpicker/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Leaflet Location Picker

npm version

Simple location picker with Leaflet map

Usage:

<label>Insert a Geo Location 
	<input id="geoloc" type="text" value="" />
</label>
$('#geoloc').leafletLocationPicker();

Examples:

Image

Options

Option Default Description
className baseClassName css classname applied to widget
location optsMap.center initial map center
locationFormat '{lat}{sep}{lng}' returne format of location value
locationMarker true render manker on map
locationDigits 6 coordinates precision
locationSep ',' coordinates separator
position 'topright' position relative to input
layer 'OSM' base layer on map
height 140 height of map
width 200 with f map
event 'click' event to fire location pick
cursorSize '30px' size of cross cursor
map optsMap custom leflet map options
onChangeLocation $.noop callback retuned location after pick from map
alwaysOpen false always open Maps (without close button)
mapContainer ""

Install

npm install --save leaflet-locationpicker

Build

Therefore the deployment require npm installed in your system.

npm install
grunt

Source

About

Simple location picker on Leaflet map

https://opengeo.tech/maps/leaflet-locationpicker/

License:MIT License


Languages

Language:JavaScript 65.6%Language:HTML 22.3%Language:CSS 12.1%