小程序地图makers做地图标记失败,开发工具和手机展示不一致
发布于 5 年前 作者 xiuying19 6334 次浏览 来自 问答

大家好

我在做小程序地图标注的时候,
用makers在开发工具里能够全部展示,
但是通过手机去预览程序,
发现标注的点全不在地图上,
大家知道这个是什么原因吗,
代码如下:
Page({
  data: {
    markers: [],
    scale: 14,
  },
  onShow: function () {
    var that = this
    console.log(‘onShow’)
    //var that = this
    var checkTimer = setInterval(function () {
      var markerArray = []
      wx.request({
        url: ‘XXXXXXXXXXXXXXXXXX’,
        header: {//请求头
          “Content-Type”: “applciation/json”
        },
        method: “GET”,
        success: function (res) {

          var busArr = res.data.localist

          for (var i = 0; i < busArr.length; i++) {
            var busLat = res.data.localist[i].la
            var busLong = res.data.localist[i].lo
            var id = Number(res.data.localist[i].id)
            var marker = {
              latitude: busLat,
              longitude: busLong,
              iconPath: “…/…/images/my.png”,
              id: id,
              width: 20,
              height: 40
            }
          markerArray.push(marker)
          }
          that.setData({
            markers: markerArray
          })
        },
        complete: function () {
          console.log(“请求complete”)
          setTimeout(function () {
            wx.hideToast()
          })
        }
      })
    }, 3000)
  },
 
})

9 回复

你好,目前我在我这边的设备没有复现你的问题,不过有个细节点:

marker 中的 latitude 和 longitude 应为 number 类型,demo 中写死的数据为字符串,麻烦你这里尝试改成 number 试试。

@Special   你好  有消息吗?  

@Special  我的问题有结果了吗, 麻烦给个回复吧

@Special  谢谢支持  代码在微云上   谢谢啦

https://share.weiyun.com/3dd3a878c0f690e7716177912e3a27de

可以麻烦帮忙抽出下这部分逻辑,打包个简单的 demo 给我这边调试下吗?

可以通过微云来分享链接

@Special  
 求救。。。。

@Special   这个域名加到可信列表了, 我在data里写死的makers, 这样是可以在页面展示,但是setData就是在手机端展示不了, 不知道为什么

为啥我的标注就是在手机上部显示, 开发工具好好的,是不是

开发工具有问题?

加下这个域名到可信域名列表

回到顶部