Automatically Geocode And Display A Location - auto-geocoder

File Size: 8.56 KB
Views Total: 6348
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Automatically Geocode And Display A Location - auto-geocoder

auto-geocoder is a simple jQuery Map Plugin with Google Map API to automatically geocode and display a location entered in a text field.

How to use it:

1.  Add a input field with ID 'location'

<input type="text" id="location" value="Boston, MA">

2. Include jQuery lirary, google map api and auto-geocoder.js

<script src=""></script> 
<script src=""></script> 
<script src="../"></script> 

3. Call the plugin

$(function() {

4. Default plugin options.

  className : "jquery-auto-geocoder-map",
  position  : "after",
  delay     : 500,
  success   : {
    zoom : "auto"
  initial  : {
    zoom                   : 1,
    center                 : [34, 0],
    draggable              : false,
    mapTypeId              : google.maps.MapTypeId.ROADMAP,
    scrollwheel            : false,
    disableDefaultUI       : true,
    disableDoubleClickZoom : true

Change log:


This awesome jQuery plugin is developed by tristandunn. For more Advanced Usages, please check the demo page or visit the official website.