<map
    id="myMap"
    longitude="{{longitude}}"
    latitude="{{latitude}}"
    scale="{{scale}}"
    min-scale="{{minScale}}"
    max-scale="{{maxScale}}"
    markers="{{markers}}"
    rotate="{{rotate}}"
    skew="{{skew}}"
    enable-3d="{{enable3D}}"
    show-compass="{{showCompass}}"
    show-scale="{{showScale}}"
    enable-rotate="{{enableRotate}}"
    bindtap="onMapTap"
    bindmarkertap="onMarkerTap"
    bindlabeltap="onLabelTap"
    bindcallouttap="onCalloutTap"
  ></map>

  <div class="container">
    <div class="container-item">
      <button bindtap="moveToLocation">移动到当前位置</button>
    </div>
    <div class="container-item">
      缩放级别：<input type="number" min="3" max="20" value="{{scale}}" bindinput="onChangeScale" />
    </div>
    <div class="container-item">
      是否显示指南针：
      <switch checked="{{showCompass}}" bindtap="onSwitchShowCompass" />
    </div>
    <div class="container-item">
      是否显示比例尺：
      <switch checked="{{showScale}}" bindtap="onSwitchShowScale" />
    </div>
    <div class="container-item">
      是否支持旋转：
      <switch checked="{{enableRotate}}" bindtap="onSwitchEnableRotate" />
    </div>
    <div class="container-item">
      旋转角度：
      <slider min="0" max="360" value="{{rotate}}" bindchange="onChangeRotate" />
    </div>
    <div class="container-item">
      倾斜角度：{{skew}}
    </div>
  </div>