獲取當(dāng)前位置并顯示在百度地圖中

*{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 //重復(fù)獲取的時(shí)間間隔

};

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

}

function successCallback(position){

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

var longitude = position.coords.longitude; //經(jīng)度

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

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

var map = new BMap.Map("container"); // 創(chuàng)建地圖實(shí)例

var point = new BMap.Point(longitude, latitude); // 創(chuàng)建點(diǎn)坐標(biāo)

map.centerAndZoom(point, 15); // 初始化地圖，設(shè)置中心點(diǎn)坐標(biāo)和地圖級(jí)別

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

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

}

function errorCallback(e){

console.log(e);

}

一鍵復(fù)制

編輯

Web IDE

原始數(shù)據(jù)

按行查看

歷史

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。