微信小程式 wxapp地圖 map詳解

微信小程式wxapp地圖map：

map

longitudeNumberNumberArrayArray標記點標記點？ 說明型必填備註

屬性名			屬性名稱
	中心經度		latitude
	中心緯度		.
	標記點		covers
	覆蓋物

latitude

緯度

.90% itude

經度Number是浮點數，範圍-180 ~ 180name標註點名String否 覆蓋物填類型必填是.數，範圍-180 ~ 180iconPath顯示的圖示String

覆蓋物用於在地圖上顯示自訂圖標，可自訂圖標和樣式				屬性
		latitude	緯度	Number
浮點數，範圍-90 ~ 90

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

rotate
，角相旋轉範圍0 ~ 360，預設為0

標記點markers只能在初始化的時候設置，不支援動態更新。

<!-- 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: &#39;T.I.T 创意园&#39;,
   desc: &#39;我现在的位置&#39;
  }],
  covers: [{
   latitude: 23.099794,
   longitude: 113.324520,
   icaonPath: &#39;../images/car.png&#39;,
   rotate: 10
  }, {
   latitude: 23.099298,
   longitude: 113.324129,
   iconPath: &#39;../images/car.png&#39;,
   rotate: 90
  }]
 }
})

感謝閱讀，希望能幫助大家，謝謝大家對本站的支持！ 更多微信小程式 wxapp地圖 map詳解相關文章請關注PHP中文網！

地圖組件的經緯度必填, 如果不填經緯度則預設值是北京的經緯度。			範例：