Sunday, February 1, 2015

jQuery Mobile Multi Page Geo Terrain

Adapted from:http://www.hongkiat.com/blog/html5-geolocation/

Read More

Document ready(...) vs on('pagecreate',...)

jQuery Mobile - Document Ready(..) vs on('pagecreate',...)

1) Single Page HTML uses Document Ready function

2) Multi Page HTML uses on('pagecreate',...)

WHY? Document ready() will only affect the first page. Therefore the codes will not render page when the second page is displayed on the screen. Refer: http://stackoverflow.com/questions/12051911/can-not-get-multiple-page-jquery-mobile-working-with-google-maps
Read More

Google Map with Marker (using jQuery)


Read More

Google Map with Marker (no jQuery)



Read More

Basic Google Map using jQuery ready() method to initialize/display the map


In this example, the shorthand version of the ready() method is used '$(function() { } );'.
Read More

Basic Google Map using DOM event to initialize/display the map


Read More

Basic Google Map using onload() event to initialize/display the map

Read More

jQuery Mobile and HTML5 GeoLocation


---
1) Basic
http://jsfiddle.net/notarazi/0azbxLqr/

---
2) Basic with Error Traps
http://jsfiddle.net/notarazi/frbqvgkL/

---
3) Basic with Error Traps and Map
http://jsfiddle.net/notarazi/a24s1enf/

---
4) Map with Current Location Balloon
http://jsfiddle.net/notarazi/bbkwqepf/

---
Read More