美文网首页
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中不弹授权框问题

    uni-app使用百度地图在微信H5中不弹授权框问题 最近做了一个需求,需要定位附近的店铺,但是在微信公众号中,人...

  • uni-app开发问题

    uni-app开发问题 微信 获取用户信息 wx.getUserInfo() 无法直接跳出授权小弹出框,需要 引导...

  • uni-app 富文本展示

    之前用vue html文本展示 用v-html就可以 在uni-app中也使用v-html 在h5 app 微信小...

  • uni-app打开地图及打开权限设置

    前言:分享下app、H5、微信小程序需要使用定位权限打开地图的功能,如果拒绝授权,则打开授权设置 直接上代码啦 经...

  • 微信小程序授权失败再次授权

    微信小程序在进行用户授权的操作中,会先询问用户是否授权,这个授权的弹框只会弹出一次(如下图所示),一旦你点击拒绝授...

  • XMActionSheet模仿微信底部弹框

    XMActionSheet # 一,模仿微信底部弹框,一句话弹框,适配了iPhone X # 二,使用方法 [XM...

  • 微信小程序与uni-app的区别

    在微信小程序的平台上,两者的基础用法除了语法外基本一致,在此不讨论使用uni-app制作H5、App的特殊情况,只...

  • Vue集成百度地图bmap

    需求:vue中常常用到在弹框里显示百度地图,并根据定位坐标给地图创建标注,创建围栏等。以下代码的一些ui使用的是e...

  • 日志文档--网络鉴权顺序逻辑

    百度地图打开时的鉴权问题 在appdelegate中需要添加设定的授权。 百度地图的sdk需要完成鉴权的操作。即为...

  • 微信支付弹框问题

    没法弹出微信支付问题 首先配置:https://open.weixin.qq.com/cgi-bin/showdo...

网友评论

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

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