【WebGIS实例】怎么将GCJ02坐标系的经纬度转换为WGS84坐标系？

转换需求

在项目中需要将坐标转换为WGS84，
已知当前坐标系为GCJ02，需要转换的目标坐标系为WGS84（4326）

在Vue中，如果你想将GCJ02坐标系的经纬度转换为WGS84坐标系，可以使用gcoord库。

转换前的准备

安装gcoord

首先，你需要安装gcoord库，可以通过npm进行安装：

npm install gcoord --save

引入gcoord

import gcoord from 'gcoord';

经纬度转换

代码实例

使用gcoord.transform()方法进行坐标转换。

如何将GCJ02坐标转换为WGS84坐标：

const gcj02Coordinates = [116.403988, 39.914266]; // 示例GCJ02坐标
const wgs84Coordinates = gcoord.transform(
  gcj02Coordinates,
  gcoord.GCJ02, // 当前坐标系
  gcoord.WGS84  // 目标坐标系
);

console.log('WGS84坐标:', wgs84Coordinates);

也可以通过transform来进行其他坐标系的转换

API介绍

API
transform(input, from, to)
进行坐标转换

参数

input GeoJSON | string | Array GeoJSON对象，或GeoJSON字符串，或经纬度数组
from CRS 当前坐标系
to CRS 目标坐标系

返回值

GeoJSON | Array

示例

// 将GCJ02坐标转换为WGS84坐标
var result = gcoord.transform([123, 45], gcoord.GCJ02, gcoord.WGS84);
console.log(result);  // [122.99395597, 44.99804071]
// 转换GeoJSON坐标
var geojson = {
  "type": "Point",
  "coordinates": [123, 45]
}
gcoord.transform(geojson, gcoord.GCJ02, gcoord.WGS84);
console.log(geojson.coordinates); // [122.99395597, 44.99804071]

返回数组或GeoJSON对象（由输入决定），注意：当输入为GeoJSON时，transform会改变输入对象

更多

你可以查看gcoord的官方文档，获取更多关于坐标转换的详细信息和示例：gcoord 。

通过这些步骤，你可以轻松地在Vue中实现坐标系的转换。