微信小程序地圖組件

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

 

若本號內容有作得不到位的地方（好比：涉及版權或其餘問題），請及時聯繫咱們進行整改便可，會在第一時間進行處理。