Home >> Web Development >> 10 Easy to Use jQuery Google Maps Plugins and Tutorials
10 Easy to Use jQuery Google Maps Plugins and Tutorials

10 Easy to Use jQuery Google Maps Plugins and Tutorials

Google Maps is a very helpful tool and it’s used by lots of people. It may be a bit difficult to integrate on your website but nowadays using jQuery plugins this has become a lot easier.  Do you want to let your visitors know where they can find you?  Choose one of these 10 jQuery Google Maps plugins and add it to your website and if you need more jQuery plugins to make your website even better you should check out these Free jQuery Plugins for Responsive Web Design and jQuery Typography Plugins.

Point Of Interest Auto Map

Point Of Interest (POI) Auto Map

Poi Auto Map combines the power of Google’s Maps and Places APIs to give you a simple way to add highly interactive Point of Interest maps to your website.

 jQuery Google Maps 

gMap jQuery Google Maps by Cedric Kastner

gMap is a lightweight jQuery plugin that helps you embed Google Maps into your website. It has only 2 KB in size and it is very flexible and highly customizable. This tiny line of code is being used to embed the map above. 

Gmap 3

gmap3

Gmap3 allows you to easily understand the power of Google Maps 3, due to the simplicity of jQuery. GMap3 is a great plugin to create and manage Google Maps to jQuery. GMap3 allows you to manipulate markers and other objects, to associate custom data usable in each event.

jQuery GPS

jquery gps plugin

jQuery GPS is a jQuery plugin for people that want to addGoogle maps to their website, but don’t want their website to be bogged down with features they don’t need. 

jQuery Plugins for Google Maps

jQuery Plugins for Google Maps by Dylan Verheul

This plugin makes it easy to put a Google Map on your page. You will need a valid Google Maps API key and if you need the source code you can find it on the plugin’s page.

Tweet to Map

Tweet to Map

Tweet to Map is a lightweight jQuery plugin, for creating highly customizable Google Maps. With the power to display Twitter users’ tweets with custom markers or your own location based markers.

goMap 

goMap jQuery Google Maps Plugin

goMap is an easy-to-use plugin and source codes are provided on the main page. You’ll be walked through a great tutorial and at the end you’ll learn how to create this plugin yourself!

Mapbox

Mapbox: Zoomable jQuery Map Plugin

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.

jQuery Google Maps Tutorial

jQuery Google Maps Tutorial: #1 Basics by Marc Grabanski

In this tutorial, you will be walked through how to get started using jQuery inside the Google Maps environment. Each step is explained in detail, in this comprehensive jQuery tutorial. The plugin can be downloaded at the end of the tutorial.

Travel Map Pro 

travel map pro jquery plugin

This plugin helps you create an easy travel route with google maps. It is easy to modify, just edit the config file. Custom markers come in 7 colors and has a geocoder to get the values of your locations.

 

Ultimate Designer Toolkit

About Iggy Ko

I am the owner and main person behind WebDesignDev. I blog about all kinds of web design topics.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

10 Easy to Use jQuery Google Maps Plugins and Tutorials