> mapgis-3d-locate

## # 属性

### # `mapSheetBoundaryStyle`

- 类型: `Object`
- 侦听属性
- 默认值: `{ color: "#FFA500", opacity: 0.5 }`
- 描述: 图幅号定位时的图幅边界样式设置

## # 事件

### # `@located`

- 描述 在图幅号定位结束后返回该函数
- Payload `Rectangle` 图幅号定位后的图幅边界坐标

## # 示例

    <template>
      <div id="app">
        <mapgis-web-scene style="height:100vh">
          <mapgis-3d-ogc-wmts-layer
            :baseUrl="url"
            :wmtsLayer="layer"
            :tileMatrixSet="tileMatrixSet"
            :format="format"
            :tilingScheme="tilingScheme"
            :token="token"
          ></mapgis-3d-ogc-wmts-layer>
          <mapgis-3d-igs-doc-layer :baseUrl="baseUrl"></mapgis-3d-igs-doc-layer>
          <mapgis-ui-card class="ui-card">
            <mapgis-3d-locate></mapgis-3d-locate>
          </mapgis-ui-card>
          <mapgis-3d-statebar></mapgis-3d-statebar>
        </mapgis-web-scene>
      </div>
    </template>

    <script>
    export default {
      name: "cesiumLocate",
      data() {
        return {
          url: "http://t0.tianditu.gov.cn/img_c/wmts",
          tileMatrixSet: "c",
          tilingScheme: "EPSG:4326",
          layer: "img",
          format: "tiles",
          token: {
            key: "tk",
            value: "9c157e9585486c02edf817d2ecbc7752"
          },
          baseUrl: "http://develop.smaryun.com:6163/igs/rest/mrms/docs/北京市"
        };
      }
    };
    </script>
    <style scoped>
    .ui-card {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 1000;
      width: 320px;
    }
    ::v-deep .mapgis-ui-card-body {
      padding: 6px;
    }
    </style>