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>