Google maps v3 plugin for jQuery and jQuery Mobile

The Google Map version 3 plugin for jQuery and jQM takes away some of the head aches from working with the Google Map API. Instead of having to use Google event listeners for simple events like click, you can use jQuery click events on the map and markers.

It is also very flexible, highly customizable, lightweight (3.2kB or 3.9kB for the full) and works out of the box with jQuery mobile. But one of its best features (atleast for SEO people) is that you can populate a map from microformats, RDFa or microdata on your site, which can be used as a fallback when a user doesn't have javascript enabled.

Download the plugin with examples or get the minified file here

Donate

Entities which have donated

jQuery mobile demo

• jQuery Mobile example

Demo

• Benchmark
• Basic example
• Streetview example
• Geolocation example
• Load Microformats example
• Load RDFa example
• Load Microdata example
• Load markers by data-attribute (similar to jMapping)
• Load JSON example
• Load Fusion data example
• Geo search example
• Filter by marker property value
• Using MarkerClusterer
• Extending the plugin with pagination

Documentation

Tutorial

sample code.

API.

Demos and tutorials using jquery-ui-map

• Make HTML5 microdata useful, Part 1: Using jQuery on top of microdata (v.3.0-alpha)
• AppLaud, jQM and Google maps tutorial (v.3.0-beta)
• AppLaud, jQM and Google maps tutorial (v.2)
• AppLaud, jQM and Google maps tutorial 2 (v.3.0-beta)
• AppLaud, jQM and Google maps tutorial 2 (v.2)
• AppLaud, jQM and Google maps tutorial 3 (v.3.0-beta)
• AppLaud, jQM and Google maps tutorial 3 (v.2)
• Quick-demo-of-jQuery-and-Google-Maps (v.2)

Help?

Post in the forum

If you need professional help with any implementation please email me directly

Links

• PHP jQM Framework
• jquery-ui-map-rails