30 Best jQuery Map Plugins for Your Next Project

jQuery Map plugins allow you create interactive maps for visualizing your important data elegantly. Though there are various providers available which offers interactive maps with myriad of features and customizable options but still if you want more flexibility and options then you can choose jQuery Map Plugins for better interaction. With these following jQuery Map Plugins you can create beautiful interactive maps, can track your visitors and deliver a user friendly environment to them.

Check out some of the Best jQuery Map Plugins which you can consider for your websites in 2016.

1. GS Google Maps Directions

Gs Google Maps Directions and GeoLocation
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.
Demo & Download

2. WorldMapGeneartor

world map generator
This WorldMapGenerator is jquey plugin for creates a Map using SVG using this plugin user can select and get timezone value of selected area.
Demo & Download

3. Gmaps.js

gmaps.js provides a simple interface to use Google Maps to display on your websites. With this plugin you don’t need to access extensive documentation or write large amount of code.
Demo & Download

4. SmallWorld.js

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 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.
Demo & Download

5. easyLocator

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

6. Turf.js

Turf is a modular GIS engine written in JavaScript. It performs geospatial processing tasks with GeoJSON data and can be run on a server or in a browser.
Demo & Download

7. 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.
Demo & Download

8. jQuery Travelmap

jquery travelmap
Travelmap plugin help you to pin your visited cities and countries on Google map with jQuery.
Demo & Download

9. jQuery Latitude Longitude Picker Gmaps

Google Maps Latitude and Longitude Picker for jQuery
A jQuery Latitude and Longitude plugin to pick a location using Google Maps. Supports multiple maps. Works on touchscreen. Easy to customize markup and CSS.
Demo & Download

10. Activ’Map

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. You can define the center of the map by simply inputting the latitude and the longitude, comes with custom marker for each place, you can also customize your map with snazzy maps and also includes JSON support.
Demo & Download

11. WhatsNearby

WhatsNearby is a jQuery plugin to list and show nearby places around a certain position using Google Maps.
Demo & Download

12. Mapsed

Mapsed is a jQuery plugin to select places on a map. As well as picking places, you can add/edit ones to integrate with your own database.
Demo & Download

13. jQuery Location Picker Plugin

jquery location picker demo
This plug-in allows easily finding and selecting a location on the Google map. Along with a single point selection, it allows to choose an area by providing its center and the radius. All the data can be saved to any HTML input element automatically as well as be processed by Javascript (callback support).
Demo & Download

14. Leaflet

Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps. Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms out of the box, taking advantage of HTML5 and CSS3 on modern browsers while still being accessible on older ones.

It can be extended with many plugins, has a easy to use and well-documented API and a simple, readable source code.
Demo & Download

15. Google Maps Draw Module

Google Maps Draw Module
Google Maps Draw Module is a useful tool for web developers who want to build web apps for creating maps and draw shapes 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 web 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.
Demo & Download

16. jQuery Mapael

jquery mapael
jQuery Mapael is a jQuery plugin based on raphael.js that allows you to display dynamic vector maps. with Mapael, you can display a map of the world with clickable countries. You can also build simple dataviz by setting some parameters in order to automatically set a color depending on a value to each area of your map and display the associated legend. Moreover, you can plot cities on the map with circles, squares or images by their latitude and longitude.

Mapael supports all modern browsers and Internet Explorer 9+. For older versions of IE, you can load jQuery 1.11.x and Raphael.js 2.1.2 as dependencies, most of the jQuery Mapael features should work fine.
Demo & Download

17. jQuery Google Maps 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.

There are many options to customize plugin, also you can geocode all the locations beforehand, to make sure it was quick and to avoid any potential geocoding errors.
Demo & Download

18. Maplace.js

Maplace.js helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map. It requires jQuery and Google Maps API v3 so you need to have both in your page. With this plugin you can run as many maps you want, it has support for directions, polygons, circles, polylines, fusion tables and styled maps.
Demo & Download

19. jVectorMap jQuery Plugin

jVectorMap is a jQuery plugin employed to show vector maps and visualize data on HTML pages. It uses SVG in all modern browsers like Firefox 3 or 4, Safari, Chrome, Opera, IE9, while legacy support for older versions of IE from 6 to 8 is provided with VML. Using jVectorMap is pretty simple as for any other jQuery plugin
Demo & Download

20. StatMapSVG

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.
Demo & Download

21. Address Picker Plugin with Map Display

addresspicker plugin
Address Picker Plugin is autocomplete filled by google map geocoder suggestions. Also map displays selected address, even while you navigate in autocomplete suggestions. Lat and Lng fields are just for information. You can even adjust marker position on the map.
Demo & Download

22. Mapit

MapIt is an easy way to embed google maps in your sites, you can customize Google maps, routes, events to handle markers and routs and many more.
Demo & Download

23. Geo Directions

GeoDirections is a simple but useful and customizable geolocated directions map. It allows you to create a “target marker” (for your office, your shop or whatever you want) so when your user / customer wants to find you, he is automatically geolocated and a direction between you and him is drawn.
Demo & Download

24. Wayfinding

jQuery plugin for interactive SVG maps. Wayfinding provides the shortest route through a series of one or more svg maps. It supports client side map processing or pretraversal of the maps with the server holding the cached traversals. It is useful for kiosks and interactive digital signage, but can also be used to share mobile maps.
Demo & Download

25. Mapplic

With Mapplic you can create responsive maps using your own images and svg vectors, you can also build world maps and country maps easily.
This plugin includes number of hany features like zoom and pan controls, multiple floor support, minimap, tooltip, lightbox, categories, filterable list and many more. Simply put, there is no other application with similar feature set.
Demo & Download

26. jQuery Birdseye

jquery birdseye
jQuery Birdseye is a plugin for replicating the “search in map” functionality of Yelp/Airbnb/Google using the API of your choosing. With a small bit of setup, you can have the sweet, mapsearchy goodness that these sites do, at a fraction of the cost.
Demo & Download

27. jHere

With jHERE, you can easily add interactive maps to your website. In only 4KB, you get a powerful map API, highly customizable markers, event handling and info bubbles. Bonus features are KML support and data visualization via heatmaps.
Demo & Download

28. Google Maps Events

Google Maps Events
“Google Maps Events” is a nice way for show locations info when click on map’s markers. The script using XML files for show the information for each location. You can show the information in an accordion menu, in tabs menu, as modal window or in a simple div in any area of your pages! You can add the location coordinates in XML file or get the coordinates by address (geocoding)! The script coming with 25 demos and a useful tool for find the coordinates by address!
Demo & Download

29. Mapbox

jquery mapbox
The jQuery mapbox() plugin is for creating relatively small scale, zoomable, draggable maps with multiple layers of content. This framework could be applied to games, development plans, or any layout that could benefit from being able to zoom in and pan to get a better view.
Demo & Download

30. jQuery jLocator Plugin

jQuery jLocator Plugin is a jQuery store locator plugin uses Google Maps API V3. The plugin allows searching, sorting, filtering and pagination for your stores. No database required.
Demo & Download

Final Words

With above plugins you can create beautiful interactive maps and can present your vital data easily. You can create unlimited number of maps for your applications. Let us know which plugin you like most by commenting below.

30 Best jQuery Map Plugins for Your Next Project
5 (100%) 8 votes

One Response

  1. Winston_Wolf September 15, 2016 Reply

Leave a Reply