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

---

title: 坐标工具组件

date: 2023-07-17

[[toc]]

1. jt-coordinate 简介

• 可实现坐标拾取、坐标定位等功能

2.Warning

::: warning 注意

• 使用ref标记组件时，同时需要定义标记名称！具体可参考CIM平台坐标工具组件写法！ :::

3. jt-coordinate API

属性名	说明	类型	是否必须
viewer	视图	obj	是
currentSelect	默认展开类型(可选值坐标拾取、坐标定位)	string	否

4. 代码示例

<jt-popup title="坐标工具">
	<jt-coordinate :viewer="viewer" ref="coordinateRef" :currentSelect="currentSelect"></jt-coordinate>
</jt-popup>
<script setup>
	import {
		ref,
		inject,
	} from "vue";
	

	/**
	 * 获取地图对象
	 */
	const getMapInstance = inject("getMapInstance");
	let jtMap3d = getMapInstance();
	let viewer = jtMap3d._viewer;

	//定义子组件实例，名称要和上面的ref相同
	const coordinateRef = ref(null)
	const currentSelect= ref('坐标定位');
	
</script>