小編給大家分享一下微信小程序中使用map組件的示例，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

我們提供的服務(wù)有：網(wǎng)站建設(shè)、成都網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、武鄉(xiāng)ssl等。為超過千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學管理、有技術(shù)的武鄉(xiāng)網(wǎng)站制作公司

微信小程序 地圖map

微信小程序map

地圖

標記點

標記點用于在地圖上顯示標記的位置，不能自定義圖標和樣式

覆蓋物

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

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

標記點markers只能在初始化的時候設(shè)置，不支持動態(tài)更新。

示例：

// 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
  }]
 }
})

Bug & Tip

tip: 請勿在 scroll-view 中使用 map 組件

以上是“微信小程序中使用map組件的示例”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！