OpenLayer對容器Map自定義坐標系

OpenLayer原則上只支持EPSG:4326和EPSG:3857，其中EPSG:3857是創建容器時，如果不聲明，默認使用的坐標系，那么如果需要別的坐標系的話，就需要自己定義和配置，

一般情況下，自定義坐標系都是可以在EPSG.IO上面找到對應的EPSG所對應的詳細參數

下面時配置方法

1、引入Proj4.js

npm i proj4   //npm安裝proj4

2、定義坐標系（以使用EPSG:4490為例）

  import proj4 from "proj4";
  import {register} from "ol/proj/proj4";
  import Projection from "ol/proj/Projection";
  import Map from "ol/Map";
  import View from "ol/View";
  import {defaults as defaultControls} from "ol/control.js";


     /**
       * 自定義坐標系
       * @returns {Projection}
       */
      definedProjection() {
        // proj4.defs("EPSG:4528", "+proj=tmerc +lat_0=0 +lon_0=120 +k=1 +x_0=40500000 +y_0=0 +ellps=GRS80 +units=m +no_defs");
        proj4.defs("EPSG:4490", "+proj=longlat +ellps=GRS80 +no_defs");
        register(proj4);
        let projection = new Projection({
          code: 'EPSG:4490',
          extent: [-180, -90, 180, 90],
          units: 'degree'
        });
        return projection;
      },

    initMap(_id, url, EPSG) {
        let me = this
        let proj4490 = this.definedProjection()
        let map = new Map({
          controls: defaultControls({
            attribution: false,
            zoom: false,
          }),
          target: _id,
          view: new View({
            center: [118.807771, 31.920277],
            zoom: 10.864044262699636,
            projection: proj4490,
            extent: [-180, -90, 180, 90]
          }),
        });
    }

 3、注意查看defineProjection中對應的單位和四至范圍，一定要填！！！

 

 

 4、坐標系對應的定義字符串可以在這里看到