Vue+openlayers+projs4实现坐标转换

一、背景

有一堆点数据，需要在地图上标记，只知参考北京54坐标系或西安80坐标系，但具体是哪种不清楚，这时候就需要坐标转换。ps：EPSG：3857（openlayers参照的坐标系）

二、思路

1、研究坐标之间的转换算法。需要了解每种坐标系的原理，显然不现实，因为太专业了。

2、找找有没有坐标转换的插件。真找到了：projs4。proj是一种通用的坐标转换软件，可以将地理空间坐标从一种坐标参考系(CRS)转换为另一种坐标参考系。

三、用法：

1. 安装

npm install projs4 --save

2. 在使用的页面引用

import proj4 from 'proj4'

3. 设置两个坐标系

// 北京54
proj4.defs("EPSG:2412","+proj=tmerc +lat_0=0 +lon_0=108 +k=1 +x_0=36500000 +y_0=0 +ellps=krass +units=m +no_defs");
// 3857
proj4.defs("EPSG:3857","+proj=merc +lon_0=0 +k=1 +x_0=0 +y_0=0 +a=6378137 +b=6378137 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs");

4. 进行转换

// proj4(当前投影, 转换到的投影, [经度, 纬度])
proj4( 'EPSG:2412','EPSG:3857', [36609159.51, 4231954.88]);

四、问题一