Google Maps are popular and very useful to find businesses and other places of interest that we want to know about. The maps are specially integrated by businesses on their websites who allows people to find them easily.
Google Maps are simple and attractive in use although it’s not very easy to integrate. It requires a long and complex process to integrate it on your website. But thank to jQuery which has a large repository of useful Google Map plugins. You just need to install jQuery Maps plugin on your website, and then start designing simple yet attractive maps according to your business requirements.
In this article, I am listing a collection of useful jQuery Google Maps plugins available, which offer a lot of map functionality for adding maps to your website. If you find this article helpful, please share it to others. If you have, any comments do not hesitate to write them below.
WhatsNearby
A jQuery plugin to list and show nearby places around a certain position using Google Maps.
mapsed.js
Mappy.js 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.
JQuery Location Picker
Location Picker plugin allows to easily find and select 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.
Planetary.js
Planetary.js is a JavaScript library for building awesome interactive globes. It uses D3 and TopoJSON to parse and render geographic data. Planetary.js uses a plugin-based architecture; even the default functionality is implemented as plugins.
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.
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.
Maplace.Js
Maplace.js helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map.
MapQuery
MapQuery is a jQuery plugin that you can use to add mapping to your website. Whether you quickly want to add a simple map to a page, or build a feature rich web application, MapQuery is just the thing you need.
jQuery Geo
jQuery Geo, an open-source geospatial mapping project from Applied Geographics, provides a streamlined JavaScript API for a large percentage of your online mapping requirement.
Geolocation
Geolocation is a jQuery plugin to get the location of the users visiting your webpage by using Google Maps API v3.
Demo
gMap
gMap is a lightweight jQuery plugin that helps you embed Google Maps into your website.
VectorMap
VectorMap is a jQuery plugin that show vector maps and visualize data on HTML pages.
Europe : CSS & jQuery Clickable Map
Free interactive jQuery map of forty-seven countries of the European continent.
jQuery Map Marker
jQuery Map Marker Plugin makes it easy to put multiple markers on Map using Google Map API V3. It is very useful when you have a list of data & you want to show all of them on Map too.
Demo
jQuery GPS
jQuery GPS is a jQuery plugin for people that want to add Google maps to their website.
Geocomplete
An advanced jQuery plugin that wraps the Google Maps API’s Geocoding and Places Autocomplete services. You simply provide an input that lets you search for locations with a nice autocomplete dropdown. Optionally add a container to show an interactive map and a form that will be populated with the address details.
jHERE
With jHERE, you can easily add interactive maps to your website. In only 5KB (2KB Gzipped), you get a powerful map API, highly customizable markers, event handling and info bubbles.
POI map
Build a POI map using jQuery & Google Maps v3.
Polymaps
Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers.
Kartograph
Kartograph is a simple and lightweight framework for building interactive map applications without Google Maps or any other mapping service.