Best jQuery Maps Plugins & Tutorials with Demo

CraftMap a jQuery Maps Plugin

CraftMap

CraftMap (previous MobilyMap) is a lightweight (6KB only), fully configurable jQuery plugin that converts a simple image into a functional map by overlaying dynamic elements on it such as markers.Like Google Maps, you can place your own marker icons and add location information to specific markers with a draggable image interface.

jQuery Geo – an interactive mapping plugin

jQuery Geo - an interactive mapping plugin

Query Geo, an open-source geospatial mapping project from Applied Geographics, provides a streamlined JavaScript API for a large percentage of your online mapping needs. Whether you just want to display a map on a wep page as quickly as possible or you are a more advanced GIS user, jQuery Geo can help!

Embellishing Your Google Map with CSS3 and jQuery

Embellishing Your Google Map with CSS3 and jQuery

Interactive maps are neat. It’s not hard to get a basic map embedded on your page, but Google provides a rich and easy to use API for embedding and decorating maps on your web page, so there should be no excuse for boring default maps.

In this article I’ll share a technique I used recently to spice up the “Places to shop and eat” map on Vegan Melbourne, using a combination of the Google Maps API, jQuery animation, and some newer CSS effects.

jVectorMap a jQuery vector map plugin

jVectorMap a jQuery vector map plugin

jVectorMap is a jQuery plugin utilized to illustrate vector maps and envisage data on HTML pages. It applies SVG in all contemporary browsers like Firefox 3 or 4, Safari, Chrome, Opera, IE9, at the same time supplying legacy support for older versions of IE from 6 to 8 with VML.

Image map with Dreamweaver and jQuery

Image map with Dreamweaver and jQuery

Today we will have a look at creating the image map with roll over highlight using Adobe Dreamweaver, jQuery and Adobe Photoshop to create the set of images.

jQuery Multi-level Photo Map

jQuery Multi-level Photo Map

This multi-level map based image gallery makes it possible to show images related to their location. The first level indicates the location of the places where each one has a set of images, and the second level shows each single image and its location. Using Google Maps, we’ll have the location shown on the left side while the images of a location are shown on the right. The images can be viewed in medium size mode or in full lightbox-like mode. The map has a fullscreen option which will show the thumbnails of the images in their location.

bMap – jQuery maps plugin

jQuery maps plugin

The bMap jQuery plugin allows you to quickly and easily add mapping to your website. It has been designed from the beginning to handle lots of markers, lots of layers, and custom marker icons.The plugin can manage a sidebar for you, one with a list of markers, one with a list of layers. The sidebars can be styled with CSS.The internal Google object is exposed, so you can continue to use all of the power of the Google Maps API. You can also access the internals of the bMap object.

MapIt-Lite a customizable google map in jQuery

MapIt-Lite a customizable google map in jQuery

A customizable Google map designed to make work with your locations a breeze.

  • One click map locator
  • Easy to use XML file
  • Customizable jQuery themes
  • Clean, simple, organized map locators
  • Support and much more…

gMap port for V3 Google Maps API

gMap port for V3 Google Maps API

gMap is a lightweight jQuery plugin that helps you embed Google Maps into your website. While being only few KB in size it is very flexible and highly customizable.

Europe, CSS & jQuery clickable map

CSS converts a simple list of countries into the fully clickable map. Works with disabled style sheets and JavaScript, as well as on mobile devices. A simple code does not require Flash Player or other plug-ins!