Skip to content

Instantly share code, notes, and snippets.

@shazron
Created September 29, 2011 18:40
Show Gist options
  • Save shazron/1251540 to your computer and use it in GitHub Desktop.
Save shazron/1251540 to your computer and use it in GitHub Desktop.
Geolocation Test
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<!-- iPad/iPhone specific css below, add after your main css >
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />
-->
<!-- If your application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here -->
<script type="text/javascript" charset="utf-8" src="phonegap-1.1.0.js"></script>
<script type="text/javascript" charset="utf-8">
// If you want to prevent dragging, uncomment this section
/*
function preventBehavior(e)
{
e.preventDefault();
};
document.addEventListener("touchmove", preventBehavior, false);
*/
/* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch.
see http://iphonedevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html
for more details -jm */
/*
function handleOpenURL(url)
{
// TODO: do something with the url passed in.
}
*/
function onBodyLoad()
{
document.addEventListener("deviceready", onDeviceReady, false);
}
/* When this function is called, PhoneGap has been initialized and is ready to roll */
/* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch.
see http://iphonedevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html
for more details -jm */
function onDeviceReady()
{
// do your thing!
//navigator.notification.alert("PhoneGap is working")
setInterval(function() {
navigator.geolocation.getCurrentPosition(good, bad);
}, 5000);
// window.watchId = navigator.geolocation.watchPosition(
// good, // SUCCESS
// function(e) { // ERROR
// navigator.geolocation.clearWatch(window.watchId);
// navigator.notification.alert('GPS Error', function() {}, 'No GPS');
// },
// // set gps acquisition timeout
// {timeout: 10000}
// );
}
var counter = 0;
function good(position)
{
var el = document.getElementById("log");
el.innerHTML += "<hr />";
el.innerHTML += (++counter) + ". - " + JSON.stringify(position);
}
function bad(err)
{
var el = document.getElementById("log");
el.innerHTML += "<hr />";
el.innerHTML += (++counter) + ". - " + JSON.stringify(err);
}
</script>
</head>
<body onload="onBodyLoad()">
<h1>Hey, it's PhoneGap!</h1>
<p>Don't know how to get started? Check out <em><a target="_blank" href="http://www.phonegap.com/start#ios-x4">PhoneGap Start</a></em>
<br />
<ol>
<li>Check your console log for any white-list rejection errors.</li>
<li>Add your allowed hosts in PhoneGap.plist/ExternalHosts (wildcards OK)</li>
</ol>
<div id="log"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment