<!DOCTYPE HTML>
<html>
<head>
<!--以下这段代码是googlemap官方建议的,它让用户禁止利用浏览器的放大缩小窗口功能,而使用googlemap自己的缩放功能-->
<meta name="viewport"content="initial-scale=1.0,user-scalable=no"/>
<title>GoogleMap</title>
<script type="text/javascript"src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script>
//获取页面positionInfo 用于显示位置组件
var positionInfo;
window.onload = function (){
console.log("进入初始化。。。。!");
positionInfo = document.getElementByIdx_x("positionInfo");
//判断浏览器是否有geolocation属性
if(navigator.geolocation){
console.log("成功获取geolocation属性!");
//getCurrentPosition
//watchPosition类似GPS
navigator.geolocation.watchPosition(showPosition,showError,null);
}else{
console.log("当前浏览器没有获取到geolocation属性!");
}
}
//成功获取geolocation属性后调用回调函数
//获取当前地理位置.定义消息
var i;
var infoMsg = "经度: " + position.coords.latitude +"<br />纬度: " +position.coords.longitude +"<br/>";
if(position.coords.altitude != null){
infoMsg += "海拔高度:"+ position.coords.altitude +" <br />";
}
// 设定放大倍数
zoom : 15,
// 将地图的中心点设定为指定的坐标点
center : latlng,
// 指定地图的类型,这里选择的是街道地图
mapTypeId : google.maps.MapTypeId.ROADMAP
};
//创建地图,并显示到DIV中
var mapView = newgoogle.maps.Map(document.getElementByIdx_x("map"), myOptions);
// 在地图上创建标记
var infowindow = new google.maps.InfoWindow({content :"当前浏览器定位!!!"});
// 打开标注窗口
infowindow.open(mapView, marker);
function showError(error){
}
</script>
</head>
<body>
<!-- 这一个正方形区域是用来画google地图的-->
<div id="map"style="width: 1300px; height:400px"></div>
<br>
<!-- 这一个区域是用来显示你的位置信息的 -->
<h3>您当前的地理位置信息是:</h3>
<pid="positionInfo"></p>
</html>
原文链接:http://blog.sina.com.cn/s/blog_8a5f182b0101af2p.html