獲取當前位置并顯示在百度地圖中

*{margin: 0;padding:0;}

html,body{

width: 100%;

height: 100%;

}

#container{

width: 100%;

height: 100%;

}

//console.log(window.navigator.geolocation);

if(window.navigator.geolocation){

var options = {

enableHighAccuracy:false, //是否高精度獲取地理位置

timeout:30000,

maximumAge:60000 //重復獲取的時間間隔

};

window.navigator.geolocation.getCurrentPosition(successCallback,errorCallback,options);

}

function successCallback(position){

var latitude = position.coords.latitude; //緯度

var longitude = position.coords.longitude; //經度

console.log("緯度為："+latitude);

console.log("經度為："+longitude);

var map = new BMap.Map("container"); // 創建地圖實例

var point = new BMap.Point(longitude, latitude); // 創建點坐標

map.centerAndZoom(point, 15); // 初始化地圖，設置中心點坐標和地圖級別

var marker = new BMap.Marker(point); //生成標注

map.addOverlay(marker); //將生成的標注放在地圖上

}

function errorCallback(e){

console.log(e);

}

一鍵復制

編輯

Web IDE

原始數據

按行查看

歷史

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的html在百度地图显示位置,在百度地图显示当前位置.html的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。