Home
Run >
<!DOCTYPE html> <html> <head> <!-- www.mytech.com --> <title>Geolocation</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <style> html, body, #map-canvas { height: 100%; margin: 0px; padding: 0px } </style> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script> <script> var map; function initialize() { var mapOptions = { zoom: 12 }; map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); // Try HTML5 geolocation if(navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { var latitude = position.coords.latitude; var longitude = position.coords.longitude; var pos = new google.maps.LatLng(latitude,longitude); var infowindow = new google.maps.InfoWindow({ map: map, position: pos, content: 'Your current location using HTML5.' }); map.setCenter(pos); }, function() { }); } else { alert("Browser doesn't support Geolocation"); } } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="map-canvas"></div> </body> </html>