微信小程序地图定位点不在视觉中心

在小程序中使用地图组件遇到的问题,使用微信小程序的map组件,

<map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="16" markers="{{markers}}" bindmarkertap="markertap" show-location style="width: 100%; height: 270px;"></map>

<!--js-->
 data: {
    latitude: 30.52210,
    longitude: 114.32051,
    markers: [{
      iconPath: "../../images/icon/location.png",
      id: 0,
      latitude: 30.52210,
      longitude: 114.32051,
      width: 30,
      height: 30
    }]
  },
  
 <!--此前通过百度地图找到经纬度,设置latitude和longitude,就出现了此问题-->

在页面显示的效果如下,地图的定位点没有在视觉中心,

后来通过wx.getLocation()获得自己的定位点的信息,在开发工具中打印经纬度,然后把数值赋值给data,发现还是不在视觉中心,而且此时的经纬度与百度地图给出的经纬度也有出入不一样...,这个怎么办....

网络上有很多的解释,各种各样,有的写的都不想看,有的也看不懂...,这个如何是好!!!!

后来,偶然的一个机会......

我点击远程调试.....

    wx.getLocation({
      type: 'gcj02', //返回可以用于wx.openLocation的经纬度
      success: function (res) {
        var latitude = res.latitude;
        var longitude = res.longitude;
        console.log(latitude + '--------------' + longitude)
      },
      fail: function () {
        // console.log('fail')
      },
      complete:function(){
        // console.log('complete')
      }
    })  

然后在真机上访问,此时在....

image.png

发现打印的经纬度和在之前在开发工具里打印的经纬度不一样.....

然后把data里的经纬度改成这两个数据的时候发现,定位点就在数据中心......

哪位大神能解释一下这个问题是什么原因......

备注:后来的开发中,同样要显示客户的地理位置信息,这该怎么办,不可能小程序提供了这样的组件,但是使用起来很麻烦,或者出现错误,回头仔细想了想,微信是腾讯的产品,那么它内部使用的是不是腾讯地图,以前都是用百度经纬度查询的经纬度,在抱着尝试的态度,是用腾讯地图坐标拾取的经纬度,发现问题就没了......,是不是很神奇,总结猜想,应该是各大地图内置的坐标不一样,对同一个地点所得的经纬度有出入.....

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏软件成本造价评估

进行软件研发成本估算与测量时如何识别基本过程?

  我们在进行软件项目研发成本估算与测量过程中,功能点计数项分为数据功能(逻辑文件)和交易功能(基本过程)两类。那么,什么是基本过程呢? 所谓的基本过程...

751
来自专栏程序人生

谈谈系统设计的面试

这个题目我一直在考虑要不要写,因为有一天也许我们彼此会坐在一方小桌的两端,聊聊系统设计,而我这么做有泄题兜底之嫌。不过,考虑到不是所有的读者都会来 TubiTV...

4606
来自专栏about云

openstack【juno】入门高级篇:为何你的实例ping不通外网【详述】

问题导读 1.本文解决ping通外网的思路是什么? 2.如何实现ping通外网? 3.ping域名bad address该如何解决? 前面是概述,这里给大家...

3576
来自专栏13blog.site

Java开源博客My-Blog之docker容器组件化修改

前言 5月13号上线了自己的个人博客,《Docker+SpringBoot+Mybatis+thymeleaf的Java博客系统开源啦》,紧接着也在github...

3737
来自专栏猿湿Xoong

1024G免费IT学习资源共享

3053
来自专栏云计算D1net

如何将私有云模型拓展到混合云?

私有云是进入混合云的极佳跳板。企业要从私有云模型迁移到混合云需要设定具体的目标。 当企业开始利用服务器虚拟化来提高效率和降低成本,许多公司会很快发现他们正在支持...

3326
来自专栏老司机的技术博客

golang学习笔记1:初识

随着软件规模的不断扩大,诸多的学者和谷歌的开发者们在公司内部的软件开发过程中开始经历大量的挫折,在诸多问题上都不能给出令人满意的解决方案,尤其是在使用 ...

1433
来自专栏非著名程序员

强烈推荐:一款超棒的 Chrome 浏览器插件

今天我给大家推荐的这个 Chrome 插件是:Markdown New Tab,意思也是简单明了,这个插件的作用就是在浏览器的空白 tab 页显示一个支持 Ma...

1104
来自专栏架构师之路

互联网分层架构的本质

上图是一个典型的互联网分层架构: 客户端层:典型调用方是browser或者APP 站点应用层:实现核心业务逻辑,从下游获取数据,对上游返回html或者jso...

44810
来自专栏皮振伟的专栏

超融合架构设计之概述

背景: 相比于传统的私有云IaaS产品(例如vmware、华为),nutanix引领了一个新的技术方向---超融合。 nutanix本身是存储起家,分布式存储上...

5567

扫码关注云+社区

领取腾讯云代金券