React Leaflet Esri自定义地图坐标系：配置方法

任务说明

1. 默认情况下leaflet的地图容器的坐标系时3857
2. 不论图层是什么坐标系，leaflet都会自动进行转换，由此带来问题：
      
3. 因此需要对map容器的坐标系统进行修改，满足实际叠加图层坐标系的需求

任务准备

1. 安装proj4相关包

npm install proj4 proj4leaflet

其中proj4用于完成地图投影和坐标变换，proj4leaflet是为了方便和leaflet集成

1. 引入proj4相关包

import L from 'leaflet';
import 'proj4/dist/proj4-src';
import 'proj4leaflet/src/proj4leaflet';
import * as esri from "esri-leaflet"

注意引入proj4与esri包的区别

具体任务

修改默认地图 控件 的投影为4490

基本步骤

1. 定义空间参考对象
2. 指定地图空间参考对象

实例 代码

import React, {
   
    useEffect } from 'react';
import L from 'leaflet';
import 'proj4/dist/proj4-src';
import 'proj4leaflet/src/proj4leaflet';
import * 
免责声明：本文系网络转载或改编，未找到原创作者，版权归原作者所有。如涉及版权，请联系删