Google Maps Latitude and Longitude Picker

A jQuery plugin that creates a location picker on your webpage using Google Maps.

Supports multiple maps. Works on touchscreen. Easy to customize markup and CSS.

This is a demo page; the full-feature live demo will always be here.
For the code, install instructions and to see how amazingly free it is, go to Github.
Also, you might find other interesting things on my blog at www.wimagguc.com.

Editable and selectable Latitude/Longitude values



Move the marker, double click on the map, search, or set new values to interact.


Google Maps

lat/lon: / zoom:
<fieldset class="gllpLatlonPicker">
	<input type="text" class="gllpSearchField">
	<input type="button" class="gllpSearchButton" value="search">
	<br/><br/>
	<div class="gllpMap">Google Maps</div>
	<br/>
	lat/lon:
		<input type="text" class="gllpLatitude" value="20"/>
		/
		<input type="text" class="gllpLongitude" value="20"/>
	zoom: <input type="text" class="gllpZoom" value="3"/>
	<input type="button" class="gllpUpdateButton" value="update map">
</fieldset>

Reverse lookup: retrieves the location name and elevation once it's picked



Move the marker, or double click on the map.
Google Maps

name:
elevation: m
<fieldset class="gllpLatlonPicker">
	<div class="gllpMap">Google Maps</div>
	<br/>
	<input type="hidden" class="gllpLatitude"/>
	<input type="hidden" class="gllpLongitude"/>
	<input type="hidden" class="gllpZoom"/>
	<input type="text" class="gllpLocationName" size=42/>
</fieldset>

Created By

Richard Dancsi

Blog: http://www.wimagguc.com/
Twitter:wimagguc
Google+:Richard Dancsi

Used at http://www.divespy.com/