Best jQuery Geolocation Plugins & Tutorials with Demo

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

jQuery Geolocation and Yahoo’s APIs to build a simple weather webapp

jQuery Geolocation and Yahoo’s APIs to build a simple weather webapp

Today we will be using the HTML5 geolocation API to present the user with a personalized weather forecast. Using jQuery, we will issue AJAX request to two of Yahoo’s popular APIs to obtain additional geographical information and a weather forecast.

Yahoo provides a large collection of useful APIs that are free for developers to use. The requirement is that you register your application with through their developer dashboard. The registration is simple and straightforward, and as a result you obtain an application id (look for it under the title of your application). You are going to need this later in the tutorial, but first let’s see how everything would work together.



Best jQuery websites design awards