微信小程序地图组件

index.wxml

<map id="map" markers="{{markers}}" longitude="{{longitude}}" latitude="{{latitude}}" scale="25"  circles="{{circles}}" show-location="{{true}}" bindmarkertap="marker"></map>

index.js

Page({
  data: {
    latitude:30.,
    longitude:114.,
    circles:[{
      latitude: 30.,
      longitude: 114.,
      fillColor:"#8DE25055",
      radius:30
    }],
    markers: [{
      iconPath: "/images/icon/map.png",
      latitude: 30.,
      longitude: 114.,
      width: 30,
      height: 30,
      title:"",
      id:0,
      label:{
        content:"",
        color:"#EE5E7B",
        borderWidth:1,
        borderColor:"#EE5E78",
        borderRadius:5,
        padding:5,
      },
      callout:{
        content:"",
        color:"#EE5E7B",
        borderWidth:1,
        borderColor:"#EE5E78",
        borderRadius:5,
        padding:5,
      }
    }],
  },
  marker(){
    
  }
})

---

若本号内容有做得不到位的地方（比如：涉及版权或其他问题），请及时联系我们进行整改即可，会在第一时间进行处理。

---

请点赞！因为你们的赞同/鼓励是我写作的最大动力！

欢迎关注达叔小生的简书！

这是一个有质量，有态度的博客

若本号内容有做得不到位的地方（比如：涉及版权或其他问题），请及时联系我们进行整改即可，会在第一时间进行处理。

---

请点赞！因为你们的赞同/鼓励是我写作的最大动力！

欢迎关注达叔小生的简书！

这是一个有质量，有态度的博客

来源：https://www.cnblogs.com/dashucoding/p/11443197.html