Best jQuery Maps Plugins & Tutorials with Demo

Geojson : Simple Editor for Map Data

Geojson : Simple Editor for Map Data

We are trying to make it easier to draw, change, and publish maps. Some of the most important geospatial data is the information we know, observe, and can draw on a napkin.

geojson.io aims to fix that. It’s an an open source project built with MapBox.js,

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.

Animated Map Path for Interactive Storytelling

Animated Map Path for Interactive Storytelling

Today we’d like to share an experimental demo with you. This demo is an interactive map that will animate a map path while scrolling the page. The main idea is to connect the story being told with the path itself. The journey can also contain images that will indicate where they have been taken with a semi-transparent cone. It will appear as soon as the image is in the visible viewport.

Interactive Geographical Map with SVG and JavaScript

Interactive Geographical Map with SVG and JavaScript

I’ve demonstrated how SVG can be used to create responsive, scalable imagemaps, but have left the interactive part – aside from simple hover effects – largely unexplored, with a few exceptions. That changes with this article and the one following, which explore how to create a full, in-depth interface using SVG and JavaScript: in this case, a geographical map.

World Map Generator with SVG & jQuery

World Map Generator with SVG & jQuery

This WorldMapGenerator is jquey plugin for creates a Map using SVG. By this plugin user can select and get timezone value of selected area.It will create world map without image you need to write only one line and it will create your map using svg so it is responsive alos

Gmaps Animated Route

Gmaps Animated Route

Example of how to animate a route between two points in Google Maps.

MapIt : Easy way to Embed Google Maps

MapIt : Easy way to Embed Google Maps

An easy way to embed google maps in your site.

Features:

  • Customizable google maps (dimensions, zoom level, terrain type, etc)
  • Multiple markers with text and custom icons.
  • Routes
  • Events to handle markers and routes (show, show_all, hide, hide_all)

Weather on Google Maps : jQuery Plugin

Weather on Google Maps : jQuery Plugin

Weather on Google Maps plugin allows to easily embed any number of Google Maps with current weather information on any numer of cities. You can customize the look and feel of the weather information box and even choose what data to display.

Weather data is retrieved through Yahoo Weather API.

easyLocator : jQuery plugin to Load Locations on Maps

easyLocator : jQuery plugin to Load Locations on Maps

EasyLocator is a jquery plugin to load locations with Google Maps in any website using a google spreadsheet or an array of objects.

jQuery Shop Locator

jQuery Shop Locator

jQuery Map Listing by createIT generates a searchable list from your map markers.A must have plugin if you have multiple shop locations!

  • Live search with custom search radius
  • Fully customizable map and components
  • 9 unique design styles
  • Support different map styles
  • Full control of map elements
  • Sidebar with optional list of locations
  • HTML5 and XHTML strict compatible
  • Mobile devices ready
  • Responsive
  • Cross-browser compability


Best jQuery websites design awards