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

<!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("您的浏览器不支持地理定位");
            }
        }
    }


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>

你可能感兴趣的:(js和百度地图获取浏览器位置)