微信小程序API 地图组件控制

方法	参数	说明	最低版本
getcenterlocation	object	获取当前地图中心的经纬度，返回的是 gcj02 坐标系，可以用于 `wx.openlocation`
movetolocation	无	将地图中心移动到当前定位点，需要配合map组件的show-location使用
translatemarker	object	平移marker，带动画	1.2.0
includepoints	object	缩放视野展示所有经纬度	1.2.0
getregion	object	获取当前地图的视野范围	1.4.0
getscale	object	获取当前地图的缩放级别	1.4.0

getcenterlocation 的 object 参数列表

参数	类型	必填	说明
success	function	否	接口调用成功的回调函数，res = { longitude: "经度", latitude: "纬度"}
fail	function	否	接口调用失败的回调函数
complete	function	否	接口调用结束的回调函数（调用成功、失败都会执行）

translatemarker 的 object 参数列表

参数	类型	必填	说明
markerid	number	是	指定marker
destination	object	是	指定marker移动到的目标点
autorotate	boolean	是	移动过程中是否自动旋转marker
rotate	number	是	marker的旋转角度
duration	number	否	动画持续时长，默认值1000ms，平移与旋转分别计算
animationend	function	否	动画结束回调函数
fail	function	否	接口调用失败的回调函数

includepoints 的 object 参数列表

参数	类型	必填	说明
points	array	是	要显示在可视区域内的坐标点列表，[{latitude, longitude}]
padding	array	否	坐标点形成的矩形边缘到地图边缘的距离，单位像素。格式为[上,右,下,左]，安卓上只能识别数组第一项，上下左右的padding一致。开发者工具暂不支持padding参数。

getregion 的 object 参数列表

参数	类型	必填	说明
success	function	否	接口调用成功的回调函数，res = {southwest, northeast}，西南角与东北角的经纬度
fail	function	否	接口调用失败的回调函数
complete	function	否	接口调用结束的回调函数（调用成功、失败都会执行）

getscale 的 object 参数列表

参数	类型	必填	说明
success	function	否	接口调用成功的回调函数，res = {scale}
fail	function	否	接口调用失败的回调函数
complete	function	否	接口调用结束的回调函数（调用成功、失败都会执行）

示例代码：

<!-- map.wxml -->
<map id="mymap" show-location />

<button type="primary" bindtap="getcenterlocation">获取位置</button>
<button type="primary" bindtap="movetolocation">移动位置</button>
<button type="primary" bindtap="translatemarker">移动标注</button>
<button type="primary" bindtap="includepoints">缩放视野展示所有经纬度</button>

// map.js
page({
  onready: function (e) {
    // 使用 wx.createmapcontext 获取 map 上下文
    this.mapctx = wx.createmapcontext('mymap')
  },
  getcenterlocation: function () {
    this.mapctx.getcenterlocation({
      success: function(res){
        console.log(res.longitude)
        console.log(res.latitude)
      }
    })
  },
  movetolocation: function () {
    this.mapctx.movetolocation()
  },
  translatemarker: function() {
    this.mapctx.translatemarker({
      markerid: 0,
      autorotate: true,
      duration: 1000,
      destination: {
        latitude:23.10229,
        longitude:113.3345211,
      },
      animationend() {
        console.log('animation end')
      }
    })
  },
  includepoints: function() {
    this.mapctx.includepoints({
      padding: [10],
      points: [{
        latitude:23.10229,
        longitude:113.3345211,
      }, {
        latitude:23.00229,
        longitude:113.3345211,
      }]
    })
  }
})