Best jQuery Geolocation Plugins & Tutorials with Demo

    Geocomplete : jQuery plugin for Google Maps Autocomplete

    Geocomplete : jQuery plugin for Google Maps Autocomplete

    Geocomplete is a simple plugin for Google Maps Autocomplete.

    Gs Google Maps Directions

    Gs Google Maps Directions

    This is a light plugin that allows you to define maps, and gives you the option to display the directions between two points using Geolocation or a specific point. Also it has the options for searching a new route.

    Geolocation Marker for Google Maps API v3

    Geolocation Marker for Google Maps API v3

    A library for adding a marker which tracks a user’s location for use with the Google Maps JavaScript API v3. This library uses geolocation to add a marker and accuracy circle to a map. The marker position is automatically updated as the user position changes.

    jQuery Geolocation edit Plugin

    jQuery Geolocation edit Plugin

    jQuery plugin for editing latitude/longitude pair with Google Maps window. Features (optional) geocoding of address text with Google Geocoding API.

    WhatWeather : jQuery Weather’s Widgets plugin

    WhatWeather : jQuery Weather's Widgets plugin

    WhatWeather is a jQuery plugin which provides weather’s data. It uses worldweatheronline.com API to get, parse and deliver data in order to create weather’s widgets. WhatWeather provides data and let you manage the display. However, it uses Mustache. In this way, you can easely change the template of your widgets.

    You can get weather data from cities all over the world. The plugin uses the name of the city, geographic coordinate system, IP adresse or the HTML5 geolocation API. The plugin have also a client-server caching system by using Web Storage API and text file for the server side.

    FormMapper : Address Autocomplete & Geolocation with jQuery

    FormMapper : Address Autocomplete & Geolocation with jQuery

    An advanced jQuery plugin that utilizes the Google Maps API’s Geocoding and Places Autocomplete services. You simply provide a single input field that lets you search for locations with an autocomplete dropdown. Optionally: you can add a map container that will display an interactive map with drag and drop location finding capabilities and a form that will be populated with the complete address details including the latitude and longitude coordinates.

    Using HTML5 Geolocation API with Google, Bing and Nokia Maps

    Using HTML5 Geolocation API with Google, Bing and Nokia Maps

    HTML5 Geolocation API allows users to share their location with web applications by capturing the approximate longitude and latitude coordinates of the user with their permission. The Geolocation feature can be used to enrich many types of web applications by adding automatic location information. For example, users can share their locations with their friends in a social network, can be guided to a direction or location based ads can be displayed. The Geolocation API can be paired up with different maps, such as Google Maps, Yahoo Maps, Bing Maps or Nokia Ovi Maps.

     

    As far the use privacy is concerned, the HTML5 specification explicitly requires the user permission to share its location to any application requesting Geolocation information.Almost all modern browsers Firefox 3.5+, Opera 10.6+, Chrome 5+, Safari 5+ and Internet Explorer 9+ support Geolocation API.

    Geolocation : A jQuery plugin to Get Location of your users

    Geolocation : A jQuery plugin to Get Location of your users

    Include this jquery plugin to get the location of the users visiting your webpage.This plugin displays the complete address, latitude and logitude of the user in a div and also displays the location found in a Google map.

    jLocator : jQuery Store Locator

    jLocator : jQuery Store Locator

    jLocator is a jQuery store locator plugin uses Google Maps API V3 and enables searching, sorting, filtering and pagination for your stores. No database required.

    Features:

    • No database required
    • Google API V3 , no key required
    • All stores are declared in HTML ,
      stores HTML structure is flexible and can be changed easily.
    • Any additional info can be added to a store.
    • Map pin can be replaced by any image/icon
    • User location detection (geolocation)
    • Search stores by address, city or postal code.
    • Sort stores by title or any other property.
    • Stores auto pagination
    • Can be added several kinds on filters:
      checkbox filters, dropdown filters and textbox search
    • Fully customizable styles
    • Works in all major browsers

    jQuery Searchable Map Template with Google Fusion Tables

    jQuery Searchable Map Template with Google Fusion Tables

    You want to put your data on a searchable, filterable map. This is a free, open source tool to help you do it.

    Features :

    • clean, full screen layout
    • new mobile and tablet friendly using responsive design
    • address search (with variable radius)
    • geolocation (find me!)
    • new RESTful URLs for sharing searches
    • results count (using Google’s Fusion Tables API)
    • ability to easily add additional search filters (checkboxes, sliders, etc)
    • all done with HTML, CSS and Javascript – no server side code required