20 + Useful jQuery Google map plug-ins

Google maps are popular and useful in searching for stores or other interesting places we want to know. maps are specially integrated into their websites by some stores so that they can be easily located.

Although it is not easy to integrate, Google Maps are simple and eye-catching. it takes a long and complex process to integrate it on your site. however, thanks to jQuery, which has many practical Google map plug-in resource libraries. you only need to install the jQeury map plug-in on your site, and then you can start designing simple but attractive maps based on your business needs.

In this article, I will list a bunch of useful jQuery Google map plug-ins that provide many functions to add maps to your site. if you find this article helpful, share it with others. If you have any other comments, please do not hesitate to write them below.

WhatsNearby

A jQuery plug-in that uses Google Maps to mark a location near a specific point.

Example

Mapsed. js

Mappy. js is a plug-in that selects a location on a map. You can also add or edit a location that has been integrated into your own database.

Example

JQuery location Selector

The location selector plug-in allows you to easily find and select a location on a Google Map. provides the center position and radius. You can also select an area. all data can be automatically stored in any HTML input element, or processed by Javascript.

Example

Planetary. js

Planetary. js is a Javascript library used to build a great interactive Earth. it uses D3 and TopoJSON to convert and render geographic data. planetary. js uses a plug-in-based architecture, and even the default functions are implemented as plug-ins.

Example

Leaflet

Leaflet is a modern open-source Javascript library used for mobile device map interaction. leaflet is designed to be simple, high-performance, and easy to use. it is out-of-the-box and can run very efficiently on all major desktop and mobile platforms, despite absorbing the advantages of modern browsers HTML5 and CSS3, but it can still run on older browsers.

Example

JQuery store Positioning

This jQuery is poor. I used Google Maps API Version 3 to create a simple shop selector. this requires no background programming. You only need to provide KML, XML, or JSON data with all the location information.

Example

Mappers. Js

Mappers. js can help you embed Google Maps into your site and quickly create menus for creating and controlling locations.

Example

MapQuery

MapQuery is a jQuery plug-in that you can use to add maps to your site. whether you want to quickly add a map to the page or build a web application with rich features, MapQuery is what you need.

Example

JQuery Geo

JQuery Geo is an open source Geographic Map project from Applied Geographics. It provides a series of Javascript APIs that can meet most of your online map application requirements.

Example

Geolocation

Geolocation is a jQuery plug-in that uses Google Maps API v3 to obtain the user location of your webpage.

Example

GMap

GMap is a lightweight JQuery plug-in that can help you embed Google Maps into your site.

Example

VectorMap

VectorMap is a JQuery plug-in used to display vector maps and visual data on a webpage.

Example

Europe: CSS & jQuery clickable Map

You can freely interact with 47 countries in continental Europe on the map.

Example

JQuery Map Marker

The jQuery Map Marker plug-in makes it easy to use google Map API V3 to place multiple tags on a Map. It is useful when you want to display some data on a Map.

Example

JQuery GPS

JQuery GPS provides jQuery plug-ins for people who want to add Google Maps to their sites.

Example

Geocomplete

An advanced jQuery plug-in that encapsulates the geographic code and location of the Google map API to automatically complete the service. you only need to provide a simple input element used to search for locations, and there will be a great auto-complete drop-down form. you can also add a container to display an interactive map and a form filled with the address details.

Example

JHERE

With jHERE, you can easily add interactive maps to your site. 5 kb (only 2 kb for compression), you can have a powerful map API, highly customized tags, event processing, and information balloons.

Example

POI map

A poi map built using jQuery & Google Maps v3.

Example

Polymaps

Polymaps is a free Javascript library used to build dynamic and interactive maps in current web browsers.

Example

Kartograph

Kartograph is a simple lightweight framework that can be used to build interactive map applications without the need for Google maps or any other map services.

Address: http://www.developerslane.com/20-useful-jquery-google-maps-plugins/