Field Mapping

iOS Devices (iPhone, iPod touch, iPad) On the native application, which you can download from the App Store: Enable location services on your device by going from your Home screen to Settings >General and turning "Location Services" to On. Open the application and sign in to your Google Account if you haven't yet (Google Apps users learn more). Enable background location reporting by going to Settings > Background updating > and turning to On. Note: the native application will run on the iPhone 3GS, iPhone 4, iPad, and iPod touch (3rd/4th generation), with iOS 4+. However, background location updating is only supported on the iPhone 3GS, iPhone 4, and iPad 3G. Your location will only update in the background when you're moving (exceptions: when you switch the app from foreground to background mode, or go from a "moving" to a "stationary" state, the app will continue to update your location for a few minutes). The background locatio...

http://developer.apple.com/safari/library/documentation/appleapplications/reference/safariwebcontent/configuringwebapplications/configuringwebapplications.html <link rel="apple-touch-icon" href="/custom_icon.png"/> <link rel="apple-touch-startup-image" href="/startup.png"> <meta name="apple-mobile-web-app-capable" content="yes"  /> <meta name="apple-mobile-web-app-status-bar-style" content="black"  /> 

http://www.jqtouch.com http://developer.apple.com/safari/library/navigation/index.html http://iphone.hohli.com http://www.leapbeyond.com/ric/scuba/appletdemo/FullScreenMap.htm http://econym.org.uk/gmap/example_fullscreen1.htm

A quick look: There are two externally loaded JavaScript files: one for the jQuery library and one for helper functions for the application. The use of the viewport metatag to adjust the content's rendering scale. A primary stylesheet is loaded: main.css. The userAgent is interrogated to determine which additional stylesheet to load: one for iPhone, one for Android, and one for Desktop. When the page is loaded, the data is displayed through the help of jQuery and a helper function in the helper.js file. The balance of the page contains a couple of div tags. viewport metatag: <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" />