微信小程式 地圖map詳解及簡單實例

微信小程式地圖map

微信小程式map

地圖

Number 中心經度latitudeNumber 中心緯度scaleNumberscale 標記點用於在地圖上顯示標記的位置，不能自訂圖示和備註

屬性名稱	生		屬性名稱
	Array		標記點
covers	Array		覆蓋物
	標記點		必填

latitude

緯度NumberNumber是浮點數，範圍-180 ~ 180name標註點名String是  覆蓋物屬性說明類型Number是浮點數，範圍-90 ~ 90longitude經度Number Path顯示的圖示

是	點浮點，範圍-9005
			覆蓋物用於在地圖上顯示自訂圖標，可自訂圖標和樣式

String是

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

rotate旋轉角度Number標記點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: 'T.I.T 创意园',
   desc: '我现在的位置'
  }],
  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
  }]
 }
})

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