vue使用百度地图进行坐标转换(bd09转wgs84 wgs84转bd09)

//84转百度bd09
// 定义一个 WGS84 坐标系的点
var point = new BMapGL.Point(item.target.position.lon, item.target.position.lat);

// 创建坐标转换实例
var convertor = new BMapGL.Convertor();

// 调用转换方法将 WGS84 坐标转为百度坐标
convertor.translate([point], 1, 5, function (data) {
  if (data.status === 0) {
    // 获取转换后的百度坐标
    var bdPoint = data.points[0];

    // 在这里可以继续处理百度坐标 bdPoint
    // ...
  }
});
在这里,1 和 5 是将要进行的坐标转换类型和转换精度的参数。

第一个参数 1 是转换类型,表示将 WGS84 坐标转换为百度坐标。具体取值为:

1:表示将 GPS 设备获取的 WGS84 坐标转换成百度坐标。
2:表示将 GPS 设备获取的 WGS84 坐标转换成百度坐标,并加上偏移矫正,适用于在百度地图上显示 GPS 轨迹。
第二个参数 5 是转换精度,表示转换后的坐标点的精度。具体取值为:

1:表示返回百度坐标经纬度信息,精度较高。
3:表示返回百度坐标经纬度信息,精度较低,仅保留小数点后 2 位。
5:表示返回百度坐标经纬度信息,精度较低,仅保留小数点后 5 位。

//bd09转84

var bdPoint = new BMap.Point(百度经度, 百度纬度);

var convertor = new BMap.Convertor();
var pointArr = [bdPoint];
convertor.translate(pointArr, 5, 0, function (data) {
  if (data.status === 0) {
    var wgsPoint = data.points[0];
    console.log('转换后的WGS84坐标:', wgsPoint.lng, wgsPoint.lat);
  }
});

1: 从百度坐标(BD09)转换为国测局坐标(GCJ02)。
3: 从国测局坐标(GCJ02)转换为百度坐标(BD09)。
5: 从百度坐标(BD09)转换为 WGS84 坐标(GPS 坐标)。
6: 从 WGS84 坐标(GPS 坐标)转换为百度坐标(BD09)。

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
Vue中实现WGS84坐标系CGCS2000坐标系的过程可以分为以下几个步骤: 1. 引入必要的库和模块: 首先,你需要引入相关的库和模块,以便在Vue应用程序中实现坐标转换。可以使用JavaScript的`proj4`库来进行坐标转换。你可以通过npm或yarn等包管理器来安装它。 ```bash npm install proj4 ``` 或者 ```bash yarn add proj4 ``` 2. 导入必要的投影参数: 在Vue组件中,你需要导入WGS84坐标系和CGCS2000坐标系的投影参数。可以使用`proj4`库提供的`defs`方法来导入这些参数。 ```javascript import proj4 from 'proj4'; // 导入WGS84投影参数 proj4.defs([ 'EPSG:4326', // WGS84坐标系(经度/纬度) ]); // 导入CGCS2000投影参数(根据实际情况导入) // ... ``` 3. 实现坐标转换方法: 在Vue组件中,你可以创建一个方法来实现WGS84坐标系到CGCS2000坐标系的换。可以使用`proj4`库提供的`transform`方法来进行坐标转换。 ```javascript methods: { convertCoordinates(wgs84Coordinates) { const cgcsc2000Coordinates = proj4(wgs84Coordinates.projCode, 'EPSG:4490'); // 替换为实际的CGCS2000投影代码 return cgcsc2000Coordinates; }, }, ``` 其中,`wgs84Coordinates`是一个包含经度、纬度等属性的对象,用于表示WGS84坐标系的坐标。`projCode`表示换所需的投影代码(在上面的示例中为'EPSG:4490')。你需要根据你的实际情况来替换投影代码。 4. 使用换方法: 在Vue组件的适当位置,你可以调用上面创建的`convertCoordinates`方法来将WGS84坐标系换为CGCS2000坐标系。例如,可以在数据绑定、计算属性或方法中调用该方法。 ```html <template> <div> <!-- 在模板中使用换后的坐标 --> <p>WGS84坐标: {{ wgs84Coordinates }}</p> <p>CGCS2000坐标: {{ cgcsc2000Coordinates }}</p> </div> </template> ``` 确保在模板中使用换后的坐标值时,将其作为数据绑定或计算属性的返回值。这样,你就可以在Vue应用程序中实现WGS84坐标系到CGCS2000坐标系的换了。 请注意,上述示例中的投影代码和参数可能需要根据实际情况进行调整。确保你使用正确的投影代码和参数来进行正确的坐标转换。此外,还需要考虑其他因素,如偏移量和缩放级别等,以确保换结果的准确性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值