Best jQuery Maps Plugins & Tutorials with Demo

    jQuery Travelmap : Pin Places on the Map

    jQuery Travelmap : Pin Places on the Map

    Travelmap plugin help you to pin your visited cities and countries on Google map with jQuery.

    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.

    Useful Photomap.js : Photo Map

    Useful Photomap.js : Photo Map

    Plots the GPS data of the photos in a slideshow on a map.

    jQuery Store Locator Plugin

    jQuery Store Locator Plugin

    This jQuery plugin takes advantage of Google Maps API version 3 to create an easy to implement store locator. No back-end programming is required, you just need to feed it KML, XML, or JSON data with all the location information. How you create the data file is up to you.

    Mapael : jQuery Dynamic Vector Maps Plugin

    Mapael : jQuery Dynamic Vector Maps Plugin

    jQuery Mapael is a jQuery plugin based on raphael.js that allows you to display dynamic vector maps.

    Features:

    • based on jQuery and raphael.js. And optionnaly based on jQuery mousewheel for the zoom on mousewheel feature.
    • Interactive. Set href, tooltip, add events and many more on the elements of your map.
    • Plottable cities Cities can be plotted on the map with circles, squares or images by their latitude and longitude.
    • Areas and plotted points colorization. Mapael automatically sets attributes like color and size to each area and plotted point displayed on map and generates an interactive legend in order to build pretty dataviz
    • Easy to add new maps. Build your own maps based on SVG paths
    • SEO-friendly. An alternative content can be set for non-JS users and web crawlers
    • Resizable Maps are easily resizable.
    • Zoom Zoom and panning abilities.

    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