微信小程序-地图开发

怎么使用地图?

地图展示:

1、首先在 .wxml文件中 引入微信小程序内置的 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) {

  }
}) 

效果图:

微信小程序-地图开发_第1张图片

你可能感兴趣的:(微信小程序,微信小程序,定位)