微信小程序map

地图多边形

IMG_73F328BAC2E8-1.jpeg

https://www.jianshu.com/p/cc6c75cd0bfb
多边形的填充颜色:

截屏2020-08-05 下午4.47.43.png

微信小程序map_第1张图片
截屏2020-08-05 下午5.05.24.png

例如我需要30%透明度:
255*0.3 = 76.5
十进制转16进制
76->4c
加在颜色后面即可

 polygons: [{
          points:point1,
          fillColor: "#1D77FF4c",
          strokeColor: "#1D77FF",
          strokeWidth: 2,
          zIndex: 0.1
        }]

标记点击 bindmarkertap

 markers="{{markers}}"
bindmarkertap="markertap"

触发的要加id


微信小程序map_第2张图片
截屏2020-09-03 下午4.13.55.png

触发事件

    markertap(e) {
      var id = e.markerId.toString();
      console.log('响应了');
      wx.showToast({
        title:id ,
      })


    },

导航

       wx.openLocation({
         latitude: 31.240000,
         longitude: 121.416000,
         name:"花园桥肯德基",
         scale: 28
        })
       return;

你可能感兴趣的:(微信小程序map)