美文网首页
小程序的定位问题

小程序的定位问题

作者: CRJ997 | 来源:发表于2019-03-09 10:14 被阅读0次

小程序首次进入时定位到北京的问题:
写小程序时发现,在onready函数中就算使用了moveToLocation函数,但是还是出现没有定位的情况,因此看了一下,貌似是因为onready函数不保证节点一定会渲染完成的问题。所以就试了一下下面的方法:
使用setInterval函数进行小程序内部dom节点的轮询,代码如下:

let that=this;
    let timer = setInterval(function (){
      console.log("正在检测");
        let test = query.select("#mainContainer").boundingClientRect(function(rect){
            if(rect!==null){
              console.log("检测到已经渲染完成");
              that.data.mapCtx = wx.createMapContext('mapView')
              that.data.mapCtx.moveToLocation();
              that.setData({
                scale: 17
              });
              clearInterval(timer);
            }
        }).exec();
    },200);

这样子当检测到dom节点渲染完成的时候,就可以进行定位了。
但是有个问题
小程序在已经定位到当前位置的情况下,短时间内重新使用moveToLocation函数,会出现离开当前位置,到map组件默认的开始位置的情况。而setInterval由于是定时的在处理队列中加入处理函数,所以会触发多次调用moveToLocation函数。
附带一个参考链接setinterval函数和setTimeout函数详解
导致最终定位结果还是在北京,觉得很尴尬....如果在onload函数中进行设置,又稍微有点延迟。

后来发现还是getLocation这个接口比较好用,直接通过这个接口的回调值的latitude和longitude值设置map组件的longitude和latitude值,就可以进行定位了,不过Map组件需要设置show-location属性为true

相关文章

  • 小程序的定位问题

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

  • 关于小程序定位问题

    2017.11.30 小程序定位是工具,连接行业,主要是线下场景/门店。目前主要是大公司的业务线延伸做的比较好,目...

  • wx.getLocation 遇到的坑

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

  • 小程序定位

    自从萌发了开发小程序的想法,就不曾消减。 从B站、知乎等各大平台寻找有关小程序的内容! 我对小程序的定位就是:让康...

  • 微信小程序 - 相对定位和绝对定位 - 相对路径和绝对路径

    微信小程序 - 相对定位和绝对定位 相对定位relative,绝对定位absolute 相对定位:元素是相对自身进...

  • Android日志系统探究

    在程序调试的过程中,第一要务是定位问题。只要问题找到,解决起来就比较容易了。程序日志在定位问题的过程中起到了关键的...

  • 微信小程序下拉刷新时顶部Tab元素不随着下拉移动

    问题:顶部Tab元素使用固定定位(position: fixed),小程序页面下拉刷新时,顶部Tab元素不跟随页面...

  • 小程序定位插件

    之前文档没找到,先找出来文档记录了https://mp.weixin.qq.com/wxopen/pluginde...

  • Spring Boot 2动态修改日志级别

    作为程序猿,定位问题是我们的日常工作,而日志是我们定位问题非常重要的依据。传统方式定位问题时,往往是如下步骤: 将...

  • (转载) 微博 Qzone 微信 Spring Boot 2动态

    作为程序猿,定位问题是我们的日常工作,而日志是我们定位问题非常重要的依据。传统方式定位问题时,往往是如下步骤: 将...

网友评论

      本文标题:小程序的定位问题

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