Automatically Geocode And Display A Location auto geocoder - Download Automatically Geocode And Display A Location - auto-geocoder

Download Automatically Geocode And Display A Location – auto-geocoder

By Posted on

This time I will share jQuery Plugin and tutorial about Automatically Geocode And Display A Location – auto-geocoder, hope it will help you in programming stack.

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

Demo Download

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’

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

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

view source
1 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
2 <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
3 <script src="../jquery.auto-geocoder.js"></script>

3. Call the plugin

view source
1 $(function() {
2   $('#location').autoGeocoder();
3 });

4. Default plugin options.

view source
01 $('#location').autoGeocoder({
02   className : "jquery-auto-geocoder-map",
03   position  : "after",
04   delay     : 500,
05   success   : {
06     zoom : "auto"
07   },
08   initial  : {
09     zoom                   : 1,
10     center                 : [34, 0],
11     draggable              : false,
12     mapTypeId              : google.maps.MapTypeId.ROADMAP,
13     scrollwheel            : false,
14     disableDefaultUI       : true,
15     disableDoubleClick<a href="https://www.jqueryscript.net/zoom/">Zoom</a> : true
16   }
17 });

Change log:

2016-08-07

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

source : jqueryscript.net

Related posts: