JQuery Location Picker plugin
An optional automatic address resolver can reverse geocode the selection to an address. The plug-in also supports searching by address typed into the bound input element which uses auto-complete feature from Google API to make the search process easier. In this case the marker will be automatically positioned on the map after successful address resolution.
- Add jQuery and Google Maps API to the
<head>of your HTML file:
- Put container somewhere in your page's
<div id="somecomponent" style="width: 500px; height: 400px;"></div>
- Attach the plug-in to container:
<script> $('#somecomponent').locationpicker(); </script>
Documentation and Examples
Documentation along with examples available here.