微信小程序-地图开发

怎么使用地图？

地图展示：

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) {

  }
}) 

效果图：