stefanocudini / leaflet-locationpicker Goto Github PK

View Code? Open in Web Editor NEW

51.0 4.0 13.0 278 KB

Simple location picker on Leaflet map

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

License: MIT License

JavaScript 66.48% HTML 21.26% CSS 12.26%

leafletjs leaflet-plugin jquery jquery-plugin coordinates location webmapping maps webgis

leaflet-locationpicker's Introduction

Leaflet Location Picker

Simple location picker with Leaflet map

Usage:

<label>Insert a Geo Location 
	<input id="geoloc" type="text" value="" />
</label>

$('#geoloc').leafletLocationPicker();

Examples:

Simple

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

Github
NPM

leaflet-locationpicker's People

Contributors

Stargazers

Watchers

Forkers

jkufner rezetta alimgafar thdtjsdn rahulyhg paulwuertz lackech habtishabesha bdmappers rogercf utilmind sunyong2016 deawx

leaflet-locationpicker's Issues

default zoom

thank you very good . please add default zoom ..

Close code not working as intended.

The following code is not working correctly and because I know nothing about leaflet I don't have a solution. I assume this is supposed to detect when the user clicks outside of leaflet and closes the map. It currently closes the map even when clicked on the map without reporting the location. I changed the line above it to:

var close = false;

and this bandaids the problem but doesn't fix it.

while (p) { if (p._leaflet) { close = false; break; } p = p.parentElement; }

load current gps location

Add installation instructions?

Run npm grunt and bower install
Installed js/jquery libs under js/
Installed leaflet under maps/leaflet

Map closes when zoom button clicked.

Hello,
When you click the map zoom button, the map closes without you being able to select a position.
Tested on Chrome and IE 11

support multiple coordinates

Where is map data coming from / attribution

Hi,
I wonder where the map tiles are coming from? Isnt there any need for attribution?

Setting the location to start at location?

Right now the location starts at continent level. Is there a way to have it start at a specific location?
So instead of starting in a zoomed out level, I can have it start at specific lat, long, then pick the location?

EDIT: I found it. Changedthe L.latLng inside leaflet-locationpicker.src.js

integrate with json-editor

Make new demo example using custom field location in json-editor
https://github.com/jdorn/json-editor/#custom-editor-interfaces

css broken?

hi there. Might be the user is the problem here as I tried to use locationpicker without npm. From my limited understanding it should still work..
I tried it with your /dist scripts from this repo and looked into /examples.

This:

<head>
<link rel="stylesheet"
          type="text/css"
          href="/static/scripts/location_picker.css"
>
</head>
<label> Insert GEO
 <input id="geoloc" type="text" value="" />
</label>

<script src="//unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="//code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="/static/scripts/location_picker.js"></script>
<script>
$('#geoloc').leafletLocationPicker();
</script>

produces this:

when i zoom it is even more unusable.
As I am not fond of the javascript universe I don't quite know where to begin bugfixing this.