微信小程序中如何實(shí)現(xiàn)地圖map

發(fā)布時(shí)間：2021-07-02 14:37:43 來(lái)源：億速云閱讀：199 作者：小新欄目：web開發(fā)

這篇文章主要介紹微信小程序中如何實(shí)現(xiàn)地圖map，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

微信小程序地圖map

微信小程序map

地圖

屬性名	類型	默認(rèn)值	說(shuō)明
longitude	Number		中心經(jīng)度
latitude	Number		中心緯度
scale	Number	1	縮放級(jí)別
markers	Array		標(biāo)記點(diǎn)
covers	Array		覆蓋物

標(biāo)記點(diǎn)

標(biāo)記點(diǎn)用于在地圖上顯示標(biāo)記的位置，不能自定義圖標(biāo)和樣式

屬性	說(shuō)明	類型	必填	備注
latitude	緯度	Number	是	浮點(diǎn)數(shù)，范圍 -90 ~ 90
longitude	經(jīng)度	Number	是	浮點(diǎn)數(shù)，范圍 -180 ~ 180
name	標(biāo)注點(diǎn)名	String	是
desc	標(biāo)注點(diǎn)詳細(xì)描述	String	否

覆蓋物

覆蓋物用于在地圖上顯示自定義圖標(biāo)，可自定義圖標(biāo)和樣式

屬性	說(shuō)明	類型	必填	備注
latitude	緯度	Number	是	浮點(diǎn)數(shù)，范圍 -90 ~ 90
longitude	經(jīng)度	Number	是	浮點(diǎn)數(shù)，范圍 -180 ~ 180
iconPath	顯示的圖標(biāo)	String	是	項(xiàng)目目錄下的圖片路徑，支持相對(duì)路徑寫法
rotate	旋轉(zhuǎn)角度	Number	否	順時(shí)針旋轉(zhuǎn)的角度，范圍 0 ~ 360，默認(rèn)為 0

地圖組件的經(jīng)緯度必填, 如果不填經(jīng)緯度則默認(rèn)值是北京的經(jīng)緯度。

標(biāo)記點(diǎn)markers只能在初始化的時(shí)候設(shè)置，不支持動(dòng)態(tài)更新。

示例：

<!-- map.wxml -->
<map longitude="23.099994" latitude="113.324520" markers="{{markers}}" covers="{{covers}}"
 >
</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
  }]
 }
})

以上是“微信小程序中如何實(shí)現(xiàn)地圖map”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

微信小程序中如何實(shí)現(xiàn)地圖map

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽