美文网首页
小程序地图include-points

小程序地图include-points

作者: 浪浪山小妖_ | 来源:发表于2019-12-19 17:26 被阅读0次

1.有时候失效了,是因为没有执行自我定位. 在执行wx.getLocation()完后再设置points数组就可.
2.有时候也许是小程序太烂,跟你无关.可以不用wx.getLocation();
3.有时候发现确实是小程序太烂了,不能直接用属性include-points='{{points}}',可以用MapContext.includePoints()

1.
  observers: {
    gpsX: function (gpsX) {
      // console.log(gpsX)
      this.getLocation(()=>{
        this.dealPolygon()
        this.dealMarkers()
      })
    }
  },

  methods: {
    // 设置标记点start
    //获取当前位置坐标
    getLocation(callback) {
      let self = this;
      wx.getLocation({
        type: 'wgs84', // 默认为 wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标
        success: function (res) {
          callback && callback()
        },
        fail: function (err) {
          console.log(err)
        }
      })
    },
}
3.
    setIncludePoints() {
      let self = this;
      let MapContext = wx.createMapContext('map', this);
      let points=this.data.points;
      MapContext.includePoints({
        points:points,
        padding:[100,100,100,100],                 //被你发现了,可以设置上右下左的间距(px).不其实只能用第一个值100.
        success: function (e) {
          console.log(e)
        }
      })


    },

//padding参数什么时候用到? 譬如地图块'无数据显示'时,由此作出缩放效果

--by Affandi ⊙▽⊙

相关文章

  • 小程序地图include-points

    1.有时候失效了,是因为没有执行自我定位. 在执行wx.getLocation()完后再设置points数组就可....

  • 小程序原生组件使用限制

    小程序当中多个原生组件显示问题 最近在开发小程序的过程中。使用到小程序地图组件,地图全页展示,在地图上展示其他组件...

  • 微信小程序之百度地图API

    最近给我的小程序增加了天气预报的功能,采用的是Baidu地图的小程序API。 百度地图微信小程序JavaScrip...

  • 微信集成高德地图

    微信小程序之:小程序接入高德地图SDK - 简书

  • 小程序地图

    弄这个地图,找了很久,也怪自己没有好好看官网的例子,百度上一搜全是重复的帖子,转了又转,记录下自己遇到的坑吧。 有...

  • 小程序-地图

    小白教程[https://developers.weixin.qq.com/community/develop/a...

  • 微信小程序添加外部地图服务数据

    先上效果: 缘起 使用微信小程序做地图相关功能的时候,有个需求是需要接入自己发布的地图服务。查看微信小程序地图组件...

  • 小程序采坑之旅

    1. 微信小程序中使用腾讯地图 如果你的地图js插件是放在客户端不是部署在服务器的,比如放在小程序端,请把腾讯地图...

  • 【总结】2017.01.09

    2017.01.09 - 计划 微信小程序尝试实现图形报表 熟悉小程序的几个地图API. 微信小程序仿365外勤-...

  • uni 地图回到缩放scale

    uni 小程序地图map缩放重置 uni小程序中,涉及地图一类,基本都会涉及定位(即准心一样icon)功能为:从地...

网友评论

      本文标题:小程序地图include-points

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