jQuery mobile with Google maps v3 examples

This is an example using the Google maps jQuery plugin together with jQuery mobile framework. Since jquery mobile framework loads links through Ajax you either need to disable the jQuery mobile's Ajax behavior or load the Google maps javascript in the 'real' first page. This example use ajax in navigation.

To disable pages loading through Ajax bind 'mobileinit' and override $.mobile.ajaxEnabled (You need to bind 'mobileinit' before referencing the jQuery mobile script) or add data-ajax="false" or rel="external" to the link element.

• jQuery mobile examples
• Basic map example
• Basic map example with geolocation
• Get directions example

More Google maps and jQuery examples

• More examples
• Microformats, Google streetview and jQuery dialog example
• Click and drag events with Google geo search example
• Import markers with JSON example
• Import markers with microformats example
• Import markers with RDFa example
• Import markers with microdata example
• Import markers with Google Fusion tables
• Multiple maps on a single page example
• Google maps and jQuery example
• Filter markers example
• Marker Clusterer Utility

Need help?

Please feel free to ask for help in the forum