微信小程序地图组件

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(){ }
})


---

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

---

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

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

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

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

---

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

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

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