coordinate 经纬度转换

高德坐标(GCJ02)转谷歌坐标(WGS84)

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