leaflet瓦片服务偏移排查及自定义坐标系

leaflet瓦片偏移问题排查：

1.检查瓦片服务的坐标系是否和地图容器的一致；

2.检查瓦片服务的层级分辨率是否和地图容器一致；

以上两种情况都可以通过设置地图的crs来解决。

自定义坐标系

1.安装proj4 proj4leaflet两个依赖

npm i proj4 proj4leaflet --save

2.在vue中引入插件

  import 'leaflet/dist/leaflet.css'
  import * as L from 'leaflet'
  require('proj4')
  const proj = require('proj4leaflet')//这里用import引入在开发环境能正常运行但是正式环境会出问题

 3.定义坐标系

    3.1先去https://epsg.io/这个网站找到所需的坐标系的定义

      3.2去瓦片服务里面找到层级分辨率及源点的参数