微信小程序-地圖開發

怎麼使用地圖?

地圖展示:

1、首先在 .wxml文件中 引入微信小程序內置的 map 組件

     <map
      id="myMap"
      class="map"
      scale="20"
      latitude="{{latitude}}"
      longitude="{{longitude}}"
      markers="{{markers}}"
      show-location
    >
    </map> 

2、然後在頁面的.json文件中對地圖進行配置

// pages/map/map.js
Page({

  /**
   * 頁面的初始數據
   */
  data: {
    latitude: 30.791611,
    longitude: 111.310880,
    markers: [{
      id: 1,
      latitude: 30.791611,
      longitude: 111.310880,
      name: '夷陵區殯儀館'
    }]
  },

  /**
   * 生命週期函數--監聽頁面加載
   */
  onLoad: function (options) {

  }
}) 

效果圖:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章