MapContext

<!-- map.ttml -->
<map
  id="myMap"
  style="width: 100%; height: 400px;"
  latitude="{{latitude}}"
  longitude="{{longitude}}"
  markers="{{markers}}"
  circles="{{circles}}"
  show-location="{{true}}"
>
</map>
<view>
  <button bindtap="authLocation" type="primary">申请定位权限</button>
  <button bindtap="getCenterLocation" type="primary">获取位置</button>
  <button bindtap="moveToLocation" type="primary">移动位置</button>
</view>

// map.js
Page({
  data: {
    latitude: 39.907957,
    longitude: 116.397493,
    markers: [
      {
        id: 1,
        latitude: 39.907957,
        longitude: 116.397493,
        title: "北京",
      },
    ],
    circles: [
      {
        latitude: 39.907957,
        longitude: 116.397493,
        radius: 100,
      },
    ],
  },
  onReady() {
    this.mapCtx = tt.createMapContext("myMap");
  },
  getCenterLocation() {
    this.mapCtx.getCenterLocation({
      success({ longitude, latitude }) {
        let res = `longitude: ${longitude}, latitude: ${latitude}`;
        console.log(res);
      },
    });
  },
  moveToLocation() {
    this.mapCtx.moveToLocation({
      success(res) {
        console.log("move success: ", res);
      },
      fail(err) {
        console.log("move err: ", err);
      },
    });
  },
  // Auth
  authLocation() {
    tt.authorize({
      scope: "scope.userLocation",
      success(res) {
        console.log(res);
      },
      fail(err) {
        console.log(err);
      },
    });
  },
});