html5指定地理位置代碼

『壹』 html5怎麼實現調用gps獲取地理位置具體代碼

1、網路復直接搜【百制度地圖調用】，點擊出現的第二個網站，進入這個網站即可。

『貳』 html5 導航路線效果

html5導航路線效果：

調用核心代碼：

<script type="text/javascript">
//默認地理位置設置為上海市浦東新區
var x=121.48789949,y=31.24916171;
window.onload = function() {
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
document.getElementById("status").innerHTML = "HTML5 Geolocation is supported in your browser.";
// 網路地圖API功能
var map = new BMap.Map("container");
var point = new BMap.Point(x,y);
map.centerAndZoom(point,12);

var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
var mk = new BMap.Marker(r.point);
map.addOverlay(mk);
map.panTo(r.point);
}
else {
alert('failed'+this.getStatus());
}
},{enableHighAccuracy: true})
return;
}
alert("當前的瀏覽器不支持獲取地理位置！");
};
function showPosition(position){
x=position.coords.latitude;
y=position.coords.longitude;
}
</script>
運行效果如下：