jQuery Maps Plugin & Tutorials with Example

Activ’Map jQuery Plugin – Responsive GMaps

Activ'Map jQuery Plugin - Responsive GMaps

The perfect plugin to research and locate custom services and equipments in a city, among other things, Activ’Map is a JQuery plugin using the Google Maps API V3 and Bootstrap 3.x which display a map with markers sorted by categories.

Google Maps Draw Module with jQuery

Google Maps Draw Module with jQuery

Google Maps Draw Module is a useful tool for web developers who want to build web apps for drawing on maps in the front end. It is based on modern tools such as Google API v3, jQuery, Javascript, Bootstrap, HTML5 and CSS3.

This module provides a responsive graphical interface to users for adding markers and drawing polygons, rectangles, polylines and circles in order to create maps online. Users are able to add/edit/delete objects on Google Maps. Also users can enter title and description for all objects they create.

HTML5 Interactive World Map with JavaScript

HTML5 Interactive World Map with JavaScript

This map is built in HTML5 code and runs with javascript based on the new technique of Scalable Vector Graphics (SVG), So it can be scaled to any size without losing its quality.

Lazy-loading Google Maps

Lazy-loading Google Maps

A tiny jQuery plugin for lazy-loading Google Maps. jQuery plugin, which just loads the maps and then gives away the full control of the loaded ones to you.

On every scroll and browser resize interval the plugin checks whether there are any maps in the viewport to be displayed. If yes, it loads (if it wasn’t loaded before) Google Maps API script file and then initiates the corresponding map instances. Finally, there’s a callback function which is called within every map instance initiation so that you can continue doing whatever you need with your maps.

Animated Globe with JavaScript

Animated Globe with JavaScript

Simple Globe to put your own data with latitude/longitude

jQuery Advance Route Planner API

jQuery Advance Route Planner API

Advance Route Planner is a A to B RoutePlanner tool written in Pure Javascript with Google Map Ver. 3 API.

Features:

  • Responsiveness.
  • Google Adsense.
  • Drag-able Route, adjust route as per your requirement.
  • Share able Link Generator.
  • Print button.
  • Change Google Map Language.
  • Fix your starting / ending point with ease and get proper Route Directions in details via Google API.

Heatmap jQuery plugin

Heatmap jQuery plugin

Heatmap is a simple jQuery plugin to display the visualization of proportion data corresponding to geometry locations.

Smallworld.js : jQuery Plugin for Generating Small World Maps

Smallworld.js : jQuery Plugin for Generating Small World Maps

Smallworld.js is a utility for generating map overviews using GeoJSON and HTML Canvas. It was created out of a need to render simple map previews, quickly and efficiently, without strict Terms of Use and without heavy client libraries.

The utility has no dependencies, weighs ~5kb (sans GeoJSON), and also comes with a simple wrapper to use with jQuery or Zepto.

StatMapSVG : Statistical Map SVG & jQuery

StatMapSVG : Statistical Map SVG & jQuery

StatMapSVG is a jQuery plugin to display statistical data in the form of a map such as the number of people in each area, the location and distribution of data, grouping data based on the value of a specified interval, and others. StatMapSVG takes map files in SVG format and makes them interactive. You can use StatMapSVG for country maps, province maps, city maps, floor plans and others.

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.



Best jQuery websites design awards