微信小程序地图组件

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

 

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