javascript使用百度地图api和html5特性获取浏览器位置

2019-12-24,,

复制代码 代码如下:
<!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>

您可能感兴趣的文章:

  • 百度地图api应用标注地理位置信息(js版)
  • js 调用百度地图api并在地图上进行打点添加标注
  • 最全面的百度地图JavaScript离线版开发
  • JS中引用百度地图并将百度地图的logo和信息去掉
  • js调用百度地图及调用百度地图的搜索功能
  • 基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
  • 通过百度地图获取公交线路的站点坐标的js代码
  • js实现百度地图定位于地址逆解析,显示自己当前的地理位置
  • JS代码实现百度地图 画圆 删除标注
  • 如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
  • JS使用百度地图API自动获取地址和经纬度操作示例

《javascript使用百度地图api和html5特性获取浏览器位置.doc》

下载本文的Word格式文档,以方便收藏与打印。