Collection
Post cover

20 Best jQuery Map Plugins

Collection of free jQuery map examples and plugins. Data, vector and Google maps. Make your own interactive maps with one of these plugins.

Post cover

Highlight Indoor Map

Author: Calle

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: animate.css

Mapoid

Mapoid is a jQuery plugin to create responsive html map area highlighter with area selection.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author: miso25

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
7 3 3

Sketching Map of Nepal Using SVG Animation

Author: Bijay Josi

Links: demo and code

Made with: HTML / CSS / JS

An attempt to sketch the map of Nepal using SVG animation with velocity.js

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: velocity.js, velocity.ui.js

Post cover

Interactive Map

Author: José Salazar

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, tippy.css, bootstrap.js, tippy.js

Post cover

jQuery Vector Map

JQVMap is a jQuery plugin that renders Vector Maps. It uses resizable Scalable Vector Graphics (SVG) for modern browsers like Firefox, Safari, Chrome, Opera and Internet Explorer 9.

Author: 10bestdesign (Peter Schmalfeldt)

Links: GitHub, Website

Made with: JavaScript (86.7%), Python (10.2%), CSS (2.6%), HTML (0.5%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
1.8k 96 697
Post cover

jVectorMap

jVectorMap is a vector-based, cross-browser and cross-platform component for interactive geography-related data visualization on the web. It provides numerious features like smooth zooming and panning, fully-customizable styling, markers, labels and tooltips.

Author: bjornd (Kirill Lebedev)

Links: GitHub, Website

Made with: JavaScript (56.1%), Python (21.9%), HTML (17.6%), CSS (3.7%), Shell (0.7%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
1.3k 80 432
Post cover

Maplace.js

Helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map.

Author: danielemoraschi (D. Moraschi)

Links: GitHub, Website

Made with: JavaScript (50.3%), HTML (45.1%), CSS (2.9%), PHP (1.7%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
1k 64 199
Post cover

jQuery Mapael - Dynamic vector maps

For example, 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.

Author: neveldo (Vincent Brouté)

Links: GitHub, Website

Made with: JavaScript (98.6%), HTML (1.4%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
1k 57 198
Post cover

gmap3 - Google Maps and jQuery

gmap3 is a plugin for jQuery which allows you create Google maps easily.

Author: jbdemonte (Jean-Baptiste Demonte)

Links: GitHub, Website

Made with: JavaScript (80.2%), HTML (19.4%), CSS (0.4%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
668 58 213
Post cover

Snazzy Info Window

Customizable info windows using the Google Maps JavaScript API.

Author: atmist

Links: GitHub

Made with: JavaScript (77.1%), CSS (19.7%), HTML (3.2%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
578 35 129
Post cover

JQuery Location Picker Plugin

This plug-in allows finding and selecting a location on the Google map. Along with single point selection, it allows area selection by choosing a point and specifying a radius. The selection can be saved to any HTML input element or processed by Javascript with callback support.

Author: Logicify

Links: GitHub

Made with: JavaScript (93.6%), TypeScript (6.4%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
388 24 271
Post cover

jMapping - Google Maps jQuery Plugin

jQuery plugin for creating Google Maps from semantic markup

Author: vigetlabs

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
207 23 36
Post cover

gMap

Lightweight jQuery plugin that helps you embed Google Maps, using the API V3, into your website.

Author: Mario Estrada

Links: GitHub, Website

Made with: JavaScript (79.8%), CSS (20.2%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
201 20 76
Post cover

Typeahead Address Picker

Address picker built with typeahead autocomplete from Twitter.

Author: sgruhier (Sébastien Gruhier)

Links: GitHub

Made with: JavaScript (56.0%), CoffeeScript (24.9%), HTML (14.5%), CSS (4.6%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
182 15 51
Post cover

mapsed.js

Google Maps and Places jQuery plugin.

Author: toepoke

Links: GitHub, Website

Made with: JavaScript (59.9%), HTML (26.9%), CSS (13.2%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
99 17 48
Post cover

WhatsNearby

A jQuery plugin to list and show nearby places around a certain position using Google Maps.

Author: LaGrangeMtl

Links: GitHub

Made with: JavaScript (90.2%), HTML (9.8%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
88 11 24
Post cover

Leaflet Storymaps with Google Sheets

Scroll-driven story map, with point markers and narrative text in GeoJSON, using Leaflet and jQuery

Author: HandsOnDataViz

Links: GitHub, Website

Made with: JavaScript (97.4%), CSS (1.9%), HTML (0.7%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
248 22 254
Post cover

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.

Author: ChadKillingsworth

Links: GitHub, Website

Made with: JavaScript (88.9%), HTML (11.1%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
91 9 38
Post cover

MapIt

An easy way to embed google maps in your site.

Author: vdw (Dimitris Krestos)

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
56 10 15
Post cover

photomap.js: Photo Map

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

Author: WoollyMittens (Maurice van Creij)

Links: GitHub

Made with: JavaScript (92.1%), SCSS (3.5%), HTML (3.2%), PHP (1.2%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
25 1 12

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback