微信小程式地圖map

微信小程式map

地圖

Number?中心經(jīng)度latitudeNumber?中心緯度scaleNumberscale 標(biāo)記點用於在地圖上顯示標(biāo)記的位置，不能自訂圖示和備註

屬性名稱	生		屬性名稱
	Array	?	標(biāo)記點
covers	Array	?	覆蓋物
	標(biāo)記點		必填

latitude

緯度NumberNumber是浮點數(shù)，範(fàn)圍-180 ~ 180name標(biāo)註點名String是??覆蓋物屬性說明類型Number是浮點數(shù)，範(fàn)圍-90 ~ 90longitude經(jīng)度Number Path顯示的圖示

是	點浮點，範(fàn)圍-9005
			覆蓋物用於在地圖上顯示自訂圖標(biāo)，可自訂圖標(biāo)和樣式

String是

專案目錄下的圖片路徑，支援相對路徑寫法

rotate旋轉(zhuǎn)角度Number標(biāo)記點markers只能在初始化的時候設(shè)置，不支援動態(tài)更新。 範(fàn)例：

<!-- map.wxml -->
<map longitude="23.099994" latitude="113.324520" markers="{{markers}}" covers="{{covers}}"
 style="width: 375px; height: 200px;">
</map>

// map.js
Page({
 data: {
  markers: [{
   latitude: 23.099994,
   longitude: 113.324520,
   name: 'T.I.T 創(chuàng)意園',
   desc: '我現(xiàn)在的位置'
  }],
  covers: [{
   latitude: 23.099794,
   longitude: 113.324520,
   icaonPath: '../images/car.png',
   rotate: 10
  }, {
   latitude: 23.099298,
   longitude: 113.324129,
   iconPath: '../images/car.png',
   rotate: 90
  }]
 }
})

		.		地圖組件的經(jīng)緯度必填, 如果不填經(jīng)緯度則預(yù)設(shè)值是北京的經(jīng)緯度。
	Bug & Tip	tip: 請勿在 scroll-view 中使用 map 組件	感謝閱讀，希望大家能幫助大家，謝謝對本站的支持！	更多微信小程式 地圖map詳解及簡單實例相關(guān)文章請關(guān)注PHP中文網(wǎng)！