JT-CIM-API/docs/theme-reco/jtmeasure.md

---

title: 地图测量组件

date: 2023-07-17

[[toc]]

1. jt-measure 简介

• 可实现长度测量、面积测量、高度测量、空间距离测量、三角测量、坐标测量

2.Warning

::: 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>