js和百度地圖獲取瀏覽器位置

時間 2019-11-11

原文原文鏈接

 <!DOCTYPE html> 

 <html> 

 <body> 

 <button onclick="getLocation()">點擊獲取城市信息</button> 

 <script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script> 

 <script> 

 var x=document.getElementById("demo"); 

function getLocation(){
if(window.confirm("肯定受權追蹤你的城市信息？")){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition);
}else{
alert("您的瀏覽器不支持地理定位");
}
}
} javascript

 function showPosition(position){ 

     lat=position.coords.latitude; 

    lon=position.coords.longitude; 

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

    var point = new BMap.Point(lon, lat);    // 建立點座標 

     var gc = new BMap.Geocoder();    

     gc.getLocation(point, function(rs){ 

       var addComp = rs.addressComponents; 

       alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street); 

});

}

 </script> 

 </body> 

 </html> 

相關標籤/搜索