美文网首页
微信小程序地图中moveToLocation与定位点不一致问题

微信小程序地图中moveToLocation与定位点不一致问题

作者: 逝去丶浅秋 | 来源:发表于2019-12-31 19:39 被阅读0次

小程序2.8.0起支持将地图中心移动到指定位置,我们打开地图时希望地图的中心就在自己实际的的定位点,所以我们可以使用这个功能。

但是在实际使用时却出现地图中心与定位点不一致的情况。先看代码:

#在地图组件中将show-location设置为true
<map id="myShareMap" class="map_show" show-location="true" longitude="{{longitude}}" latitude="{{latitude}}"> </map>

//js中先创建MapContext上下文,然后通过其调用moveToLocation方法
this.map = wx.createMapContext('myId', this)
this.map.moveToLocation({
    longitude: this.longitude,
    latitude: this.latitude,
    success: function () {
        console.log("成功将地图中心移到定位点")
    }
})

但是这样就会出现上面的问题,找了很久都找不到原因。

解决办法:
在wx.getLocation方法获取位置的时候,使用gcj02坐标系,这样就可以解决这个问题了

wx.getLocation({
    type: 'gcj02',
    success: function(){
    }
})

写在最后:

  • 如果文章中有错误或是表达不准确的地方,欢迎大家评论中指正,以便我完善。
  • 文章我也会根据所学到新的知识不断更新。

相关文章

  • 微信小程序地图中moveToLocation与定位点不一致问题

    小程序2.8.0起支持将地图中心移动到指定位置,我们打开地图时希望地图的中心就在自己实际的的定位点,所以我们可以使...

  • 小程序的定位问题

    小程序首次进入时定位到北京的问题:写小程序时发现,在onready函数中就算使用了moveToLocation函数...

  • 关于JS中 AES/ECB/NoPadding 加密与JAVA

    微信小程序&支付宝小程序中需要对蓝牙设备进行指令发送由于使用的加密问题 java与js结果不一致 解决办法:1.使...

  • 小程序

    一: 小程序产品定位及功能介绍 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时...

  • 前端自学路线图之自学微信小程序

    黑马程序员前端自学路线图中第六阶段的是自学微信小程序:主要介绍了前端自学路线图中微信小程序的自学目标,前端自学路线...

  • 微信小程序笔记心得

    微信小程序问题汇总及详解《一》form表单 微信小程序问题汇总及详解《二》tab切换 微信小程序问题汇总及详解《三...

  • 分析微信小程序商城快速引流的方法

    随着微信小程序的出现,商家可利用微信小程序链接的定位,利用灵活个性化的微信小程序商城,有效实现低成本的引流和转化。...

  • wx.getLocation 遇到的坑

    最近在做微信小程序,获取定位时,遇到了一些问题思路如下图: 当手机未开启GPS 定位,小程序同意了地理位置授权, ...

  • 微信小程序实战

    微信小程序实战 有问题可以扫码加我微信,有偿解决问题。承接小程序开发。微信小程序开发交流qq群 870222928...

  • 微信小程序开发之-Https免费证书配置

    微信小程序开发之-Https免费证书配置 有问题可以扫码加我微信,有偿解决问题。承接小程序开发。微信小程序开发交流...

网友评论

      本文标题:微信小程序地图中moveToLocation与定位点不一致问题

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