WeChat Mini 프로그램 API 맵 구성 요소 제어


wx.createMapContext(mapId)


지도 컨텍스트 mapContext 객체 mapContext 对象

mapContext

mapContext 通过 mapId 跟一个 <map/> 组件绑定,通过它可以操作对应的 <map/>

mapContext

mapContext를 생성하고 반환합니다. mapId 해당 구성 요소를 작동할 수 있는 구성 요소 바인딩입니다.

mapContext 객체 메소드 목록

QQ截图20170208113742.png

getCenterLocation OBJECT 매개변수 목록

QQ截图20170208113747.png

샘플 코드:

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

<button type="primary" bindtap="getCenterLocation">获取位置</button>
<button type="primary" bindtap="moveToLocation">移动位置</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()
  }
})