Posted By

jonkemp on 07/15/10

Tagged

Versions (?)

Last Edited at 07/15/10 04:30am

Statistics

Viewed 870 times

Favorited by 3 user(s)

Related snippets

HTML5 Geolocation with Google Maps

/ Published in: JavaScript

HTML5 geolocation using the new HTML5 geolocation API, JavaScript and Google Maps. HTML5 geolocation detection is included. This will work in almost every modern browser except IE, but if your browser does not support it, it will tell you so. It will also provide a message to the user if they decline to share their location with the browser. This example uses jQuery.

Highlighted TextExpand

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML5 Geolocation Demo</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>

<body>

<h1>HTML5 Geolocation Demo</h1>
	
	<div id="geo-wrapper"></div>
	<p id="msg"></p>
	<p id="lat"></p>
	<p id="long"></p>
	
</div>

function handle_error(err) {
  if (err.code == 1) {
    // user said no!
	$("#msg").text('You chose not to share your location.');
  }
}

get_location();
</script>

</body>
</html>

URL: http://diveintohtml5.org/geolocation.html

Report this snippet Tweet