<view class="page">
  <view class="page-section">
    <view class="page-section-demo">
      <map
        id="map"
        longitude="{{longitude}}"
        latitude="{{latitude}}"
        scale="{{scale}}"
        controls="{{controls}}"
        onControlTap="controltap"
        markers="{{markers}}"
        onMarkerTap="markertap"
        polyline="{{polyline}}"
        polygon="{{polygon}}"
        circles="{{circles}}"
        onRegionChange="regionchange"
        onTap="tap"
        onCalloutTap="callouttap"
        show-location style="width: 100%; height: 200px;"
        include-points="{{includePoints}}"
        ground-overlays="{{ground-overlays}}">
      </map>
    </view>
  </view>
  <view class="page-section-btns">
    <view onTap="demoResetMap">恢复</view>
    <view onTap="demoGetCenterLocation">获取中心点坐标</view>
    <view onTap="demoMoveToLocation">回到定位点</view>
  </view>
  <view class="page-section-btns">
    <view onTap="demoMarkerAnimation">Marker 动画</view>
    <view onTap="demoMarkerLabel">Label</view>
    <view onTap="demoMarkerCustomCallout">CustomCallout</view>
  </view>
  <view class="page-section-btns">
    <view onTap="demoMarkerAppendStr">文字Marker</view>
    <view onTap="demoTrafficOverlay">路况展示</view>
    <view onTap="demoShowRoute">步行路线规划</view>
  </view>
  <view class="page-section-btns">
    <view onTap="demoCompass">指南针</view>
    <view onTap="demoScale">比例尺</view>
    <view onTap="demoGesture">手势</view>
  </view>
  <view class="page-section-btns">
    <view onTap="demoPolyline">线</view>
    <view onTap="demoPolygon">多边形</view>
    <view onTap="demoCircle">圆</view>
  </view>
  <view class="page-section-btns">
  </view>
</view>
