coordinate 经纬度转换
高德坐标(GCJ02)转谷歌坐标(WGS84)
vue
<script setup>
import { ref } from 'vue'
import Coordinate from '../../coordinate'
const lng = ref(117.92377758654267)
const lat = ref(28.44035584801816)
const result = ref()
function changeLngLat() {
const [newLng, newlat] = Coordinate.transformGCJ02ToWGS84(lng.value, lat.value)
result.value = `经度:${newLng},纬度:${newlat}`
}
</script>
<template>
<n-space type="vec" margin="6px" class="n-theme">
<div>高德坐标(GCJ02)转谷歌坐标(WGS84)</div>
<n-space type="hoz" margin="6px">
<n-input v-model="lng" type="number" placeholder="请输入经度" style="width: 160px;" />
<n-input v-model="lat" red type="number" placeholder="请输入纬度" style="width: 160px;" />
<n-button @click="changeLngLat">
转换
</n-button>
</n-space>
<div>{{ result }}</div>
</n-space>
</template>