js和百度地图获取浏览器位置

最新推荐文章于 2024-06-20 16:52:52 发布

转载最新推荐文章于 2024-06-20 16:52:52 发布 · 873 阅读

android 专栏收录该内容

170 篇文章

订阅专栏

本文介绍了一种使用HTML5地理定位API获取用户当前位置的方法，并通过JavaScript与百度地图API结合，实现了将地理位置转换为可读地址的功能。

<!DOCTYPE html> 
<html> 
<body> 
<p id="demo">点击这个按钮，获得您的位置：</p>
<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(navigator.geolocation){
       navigator.geolocation.getCurrentPosition(showPosition);
      }else{
       alert("您的浏览器不支持地理定位");
      }
   }
 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);   
// 创建点坐标     //map.centerAndZoom(point,15);                     // 
    //map.enableScrollWheelZoom();      
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>