亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

 更新時間:2017年01月10日 10:52:29   投稿:lqh  
這篇文章主要介紹了微信小程序 地圖map詳解及簡單實例的相關資料,需要的朋友可以參考下

微信小程序 地圖map

微信小程序map

地圖

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

標記點

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

屬性 說明 類型 必填 備注
latitude 緯度 Number 浮點數(shù),范圍 -90 ~ 90
longitude 經(jīng)度 Number 浮點數(shù),范圍 -180 ~ 180
name 標注點名 String  
desc 標注點詳細描述 String  

覆蓋物

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

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

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

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

示例:

<!-- 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 創(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 組件

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

相關文章

最新評論