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

成都創新互聯公司服務項目包括沂水網站建設、沂水網站制作、沂水網頁制作以及沂水網絡營銷策劃等。多年來，我們專注于互聯網行業，利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等，向廣大中小型企業、政府機構等提供互聯網行業的解決方案，沂水網站推廣取得了明顯的社會效益與經濟效益。目前，我們服務的客戶以成都為中心已經輻射到沂水省份的部分城市，未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任！

微信小程序 地圖map

微信小程序map

地圖

屬性名	類型	默認值	說明
longitude	Number		中心經度
latitude	Number		中心緯度
scale	Number	1	縮放級別
markers	Array		標記點
covers	Array		覆蓋物

標記點

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

屬性	說明	類型	必填	備注
latitude	緯度	Number	是	浮點數，范圍 -90 ~ 90
longitude	經度	Number	是	浮點數，范圍 -180 ~ 180
name	標注點名	String	是
desc	標注點詳細描述	String	否

覆蓋物

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

屬性	說明	類型	必填	備注
latitude	緯度	Number	是	浮點數，范圍 -90 ~ 90
longitude	經度	Number	是	浮點數，范圍 -180 ~ 180
iconPath	顯示的圖標	String	是	項目目錄下的圖片路徑，支持相對路徑寫法
rotate	旋轉角度	Number	否	順時針旋轉的角度，范圍 0 ~ 360，默認為 0

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

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

示例：

<!-- 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 創意園',
   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
  }]
 }
})

以上是“微信小程序中如何實現地圖map”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創新互聯網站建設公司行業資訊頻道！

另外有需要云服務器可以了解下創新互聯建站m.newbst.com，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

本文題目：微信小程序中如何實現地圖map-創新互聯
地址分享：http://m.newbst.com/article14/dcehde.html

成都網站建設公司_創新互聯，為您提供搜索引擎優化、建站公司、網站制作、做網站、定制網站、網站設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯