本文編輯：  Mirror瀏覽 6566 4 版權(quán)所有，嚴(yán)禁轉(zhuǎn)載

組件說明:

本節(jié)主要講述小程序組件map標(biāo)簽的用法及其屬性。

組件用法：

wxml

<view>
    <map longitude="112.61" latitude="26.89" markers="{{markers}}" covers="{{covers}}"></map>
</view>

js

Page({
  data:{
    markers: [{
      latitude: 26.89,
      longitude: 112.61,
      scale: 24,
      name: '微信小程序社區(qū)',
      desc: '我在這里'
    }],
    covers: [{
      latitude: 26.89,
      longitude: 112.61,
      iconPath: '../images/car.png',
      rotate: 10
    }]
  }
})

wxss

map {
     width: 700rpx; 
     height: 600rpx;
     margin: 0 auto;
}

主要屬性：

map標(biāo)簽

markers屬性

covers屬性

注：

• 地圖組件的經(jīng)緯度必填, 如果不填經(jīng)緯度則默認(rèn)值是北京的經(jīng)緯度。標(biāo)記點(diǎn)markers只能在初始化的時(shí)候設(shè)置，不支持動(dòng)態(tài)更新；
• 請(qǐng)勿在 <scroll-view/> 中使用map標(biāo)簽；
• 標(biāo)記點(diǎn)用于在地圖上顯示標(biāo)記的位置，不能自定義圖標(biāo)和樣式；
• 覆蓋物用于在地圖上顯示自定義圖標(biāo)，可自定義圖標(biāo)和樣式。