Vue中WGS84坐标转百度坐标(JS版)

先将WGS84坐标转火星坐标再将火星坐标转百度坐标

本文参考:https://blog.youkuaiyun.com/yzyssg1/article/details/76120617

    /**
     * WGS84转GCj02
     * 火星坐标系 (GCJ-02) 与百度坐标系 (BD-09) 的转换
     * @param lng
     * @param lat
     * @returns {*[]}
     */
    wgs84togcj02tobd09 (lng, lat) {
      const xPI = 3.14159265358979324 * 3000.0 / 180.0
      const PI = 3.1415926535897932384626
      const a = 6378245.0
      const ee = 0.00669342162296594323
      // WGS84转GCj02
      let dlat = this.transformlat(lng - 105.0, lat - 35.0)
      let dlng = this.transformlng(lng - 105.0, lat - 35.0)
      let radlat = lat / 180.0 * PI
      let magic = Math.sin(radlat)
      magic = 1 - ee * magic * magic
      let sqrtmagic = Math.sqrt(magic)
      dlat = (dlat * 180.0) / ((a * (1 - ee)) / (magic * sqrtmagic) * PI)
      dlng = (dlng * 180.0) / (a / sqrtmagic * Math.cos(radlat) * PI)
      let mglat = lat + dlat
  
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
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值