地图测量组件
金田@author彭于晏 7/17/2023
# 1. jt-measure 简介
- 可实现长度测量、面积测量、高度测量、空间距离测量、三角测量、坐标测量
# 2.Warning
注意
- 使用ref标记组件时,同时需要定义标记名称!具体可参考CIM平台地图测量组件写法!
# 3. jt-measure API
属性名 | 说明 | 类型 | 是否必须 |
---|---|---|---|
viewer | 视图 | obj | 是 |
# 4. 代码示例
<jt-popup title="地图测量">
<jt-measure ref="measureRef" :viewer="viewer"></jt-measure>
</jt-popup>
<script setup>
import {
onBeforeUnmount,
ref,
inject,
} from "vue";
const getMapInstance = inject("getMapInstance");
let jtMap3d = getMapInstance();
let viewer = jtMap3d._viewer;
//定义子组件实例,名称要和上面的ref相同
const measureRef = ref(null);
/**
* 即将销毁
*/
onBeforeUnmount(() => {
// 释放当前的widget
disable(currentWidget.name);
});
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27