openlayers 加载天地图和自定义EPSG:4490坐标系以和axisOrientation的值为enu或neu的问题

借鉴了一网络上的  以及自己整合的两种方式

第一种：

首先openlayer自带的projection的坐标系是支持EPSG4326的，我们想要支持EPSG4490的坐标系，就必须将4490的坐标系注册进openlayer的projection中,这里我们借助Proj4.js。

首先使用 npm install proj4；引入proj4的依赖。

然后在项目中：

1.  
   import proj4 from 'proj4';
2.  
   import {register} from 'ol/proj/proj4'
3.  
   import { Projection,addProjection} from 'ol/proj';

在通过http://EPSG.io查找到4490的WKT，这里使用wkt而不是使用proj4的定义，貌似是因为proj4有问题，然后将其注册到projection中

1.  
   proj4.defs("EPSG:4490","GEOGCS[\"China Geodetic Coordinate System 2000\",DATUM[\"China_2000\",SPHEROID[\"CGCS2000\",6378137,298.257222101,AUTHORITY[\"EPSG\",\"1024\"]],AUTHORITY[\"EPSG\",\"1043\"]],PRIMEM[\"Greenwich\",0,AUTHORITY[\"EPSG\",\"8901\"]],UNIT[\"degree\",0.0174532925199433,AUTHORITY[\"EPSG\",\"9122\"]],AUTHORITY[\"EPSG\",\"4490\"]]");
2.  
   register(proj4);

到这里我们就完成了EPSG4490的注册了。我们就可以通过ol的getProjection("EPSG:4490"),但是地图服务加载还是不行，下面的步骤才是关键。

1.  
   //重写projection4490，
2.  
   var projection = new Projection({
3.  
   code: 'EPSG:4490',
4.  
   units: 'degrees',
5.  
   axisOrientation: 'neu'
6.  
   });
7.  
   projection.setExtent([-180, -90, 180, 90]);
8.  
   projection.setWorldExtent([-180, -90, 180, 90]);
9.  
   addProjection(projection)；

因为wms服务的1.1.0和1.3.0的BBOX会有xy对换，openlayer已经帮我们处理了这一步

但是这个只是针对neu坐标系，而我们注册的4490如果不重写定义axisOrientation，会被ol默认注册为enu，从而不会触发wms1.3.0的反转xy的操作，导致图层无法加载，所以需要进行projection4490的重写，然后覆盖添加到projection中。

现在 我们就可以正常加载4490的天地图底图和wms服务了。

第二种:

1.  
    
2.  
   import {Projection} from "ol/proj";
3.  
   import {register} from "ol/proj/proj4";
4.  
   import * as Proj from "proj4";

1.  
   console.log(Proj)
2.  
   //使用proj4.defs()定义投影
3.  
   //国家2000的大地坐标系
4.  
   Proj.default.defs("EPSG:4490", " proj=longlat ellps=GRS80 no_defs");
5.  
   //定义3395平面坐标系
6.  
   Proj.default.defs("EPSG:3395", " proj=merc lon_0=0 k=1 x_0=0 y_0=0 ellps=WGS84 datum=WGS84 units=m no_defs");
7.  
   console.log(Proj);
8.  
   //使proj4中定义的投影在OpenLayers中可用。
9.  
   register(Proj.default);
10.  
     
11.  
    //创建"EPSG:4490"的Projection实例，Openlayers将可以从Proj4js中获取转换函数。
12.  
    this.cgcs2000 = new Projection({
13.  
    code: "EPSG:4490", //EPSG code
14.  
    extent: [-180, -90, 180, 90], //投影范围
15.  
    worldExtent: [-180, -90, 180, 90],//投影的全球范围
16.  
    units: "degrees", //Projection units: `'degrees'`, `'ft'`, `'m'`, `'pixels'`, `'tile-pixels'` or `'us-ft'.
17.  
    });

这篇好文章是转载于：学新通技术网