美文网首页
uni-app使用百度地图在微信H5中不弹授权框问题

uni-app使用百度地图在微信H5中不弹授权框问题

作者: Yinzhishan | 来源:发表于2019-12-27 16:05 被阅读0次

    uni-app使用百度地图在微信H5中不弹授权框问题

    最近做了一个需求,需要定位附近的店铺,但是在微信公众号中,人在上海却定位到了山东🤣,并且发现公众号未弹窗提示授权,在浏览器中是正常的,经过和有弹窗的商城对比和查阅资料,微信7.0版本升级了对https的安全限制,在微信7.0版本及以上版本使用http协议访问定位组件会导致定位失败,另外ISO10也限制了非安全域的浏览器定位请求。


    [Deprecation] getCurrentPosition() and watchPosition() no longer work on insecure origins.
    To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.


    image.png

    解决方法

    1.检查自己的网站域名是不是 https 链接;
    2.检查引用js的链接是不是 https 链接;
    3.检查调用方法是否正确

    init() {
         var map = new BMap.Map('allmap')
         var geolocation = new BMap.Geolocation()
         var gc = new BMap.Geocoder()
         let that = this
         geolocation.getCurrentPosition(function(r) {
           if (this.getStatus() == BMAP_STATUS_SUCCESS) {
             var pt = r.point
             console.log(r)
             if (pt != null) {
               var lng = r.point.lng
               var lat = r.point.lat
               console.log('您的位置:lng' + lng + ',lat' + lat)
               gc.getLocation(pt, function(rs) {
                 var addComp = rs.addressComponents
                 var address = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber
                 var city = addComp.city
                 console.log('地址', addComp)
               })
             }
           }
         })
       }
    

    相关文章

      网友评论

          本文标题:uni-app使用百度地图在微信H5中不弹授权框问题

          本文链接:https://www.haomeiwen.com/subject/ieedoctx.html