文章目录
转换需求
在项目中需要将坐标转换为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中实现坐标系的转换。
版权归原作者 浪潮行舟 所有, 如有侵权,请联系我们删除。