H5地理定位

最新推荐文章于 2022-12-23 09:40:44 发布

不过期的约定

最新推荐文章于 2022-12-23 09:40:44 发布

阅读量969

点赞数

分类专栏： html5 文章标签： html5

本文链接：https://blog.csdn.net/chen123789hkb/article/details/78676028

版权

html5 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

#原生js html5地理定位

根据本人的经验，开发中在微信公众号/支付宝生活号中苹果手机并不支持定位

目录：

文章目录

##注意

当经纬度没办法满足你的需求时，具体的地址信息结合地图API获取
如百度地图

    // 百度地图API功能
    var map = new BMap.Map("allmap");
    var point = new BMap.Point(116.331398,39.897445);//这里是写地理定位后的经纬度
    map.centerAndZoom(point,12);
    var geoc = new BMap.Geocoder();    

    map.addEventListener("click", function(e){        
        var pt = e.point;
        geoc.getLocation(pt, function(rs){
            var addComp = rs.addressComponents;
            alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
        });        
    });

##代码段如下：

 // 判断设备是否支持定位功能
        if (navigator.geolocation) {
          navigator.geolocation.getCurrentPosition(onSuccess, onError, options)
        } else {
         alert("该设备不支持定位")
        }
        var options = {
          enableHighAccuracy: true,
          maximumAge: 3600000
        }

        function onSuccess(pos) {
          var opt2, opt3;
          console.log(pos)
          console.log(pos.coords.latitude + ',' + pos.coords.longitude)
          // 经度 ：pos.coords.latitude  纬度：pos.coords.longitude
        }

        function onError(error) {
          console.log(error.message)
         alert('定位失败')
        }