<html>
<head>
<title>Google Maps</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
function getPositionSuccess(position){
var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
var myOptions = {
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
map.setCenter(latlng);
var marker = new google.maps.Marker({
position: latlng,
map: map
});
var infowindow = new google.maps.InfoWindow();
infowindow.setContent("You are here!");
infowindow.setPosition(latlng);
infowindow.open(map);
}
function getPositionError(error){
switch (error.code) {
case error.TIMEOUT:
alert("TIMEOUT");
break;
case error.PERMISSION_DENIED:
alert("PERMISSION_DENIED");
break;
case error.POSITION_UNAVAILABLE:
alert("POSITION_UNAVAILABLE");
break;
}
}
function google_maps(){
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(getPositionSuccess, getPositionError);
}
else {
alert("Not support geolocation!");
}
}
</script>
</head>
<body οnlοad="google_maps()">
<div id="map_canvas" style="float:left;width:800px;height:500px;"></div>
</body>
</html>