从OpenLayers迁移至Leaflet 1.3.0：EPSG:4326转EPSG:3857实现方法咨询

嘿，我之前从OpenLayers迁移到Leaflet时也碰到过这个问题，其实Leaflet里做这个转换挺直观的，给你两种实用的方法：

方法一：用Leaflet内置的CRS投影能力 #

Leaflet已经原生支持EPSG:3857（Web墨卡托坐标系），直接调用内置方法就能完成转换，不用额外装插件。这里要特别注意坐标顺序的差异：OpenLayers里常用[经度, 纬度]的顺序，而Leaflet的L.latLng需要传入[纬度, 经度]，转换时记得调整顺序：

// 假设iarClickCoordinates是OpenLayers风格的[经度, 纬度]（EPSG:4326）数组
var latLng = L.latLng(iarClickCoordinates[1], iarClickCoordinates[0]); // 转成Leaflet的latLng对象
var projectedPoint = L.CRS.EPSG3857.project(latLng);

// 提取转换后的坐标值，和OpenLayers转换结果格式一致
var arCoordinates = [projectedPoint.x, projectedPoint.y];

方法二：用proj4leaflet插件（适配复杂坐标系场景） #

如果你的项目需要处理更多自定义坐标系，或者想更灵活地管理坐标转换逻辑，可以用proj4leaflet插件（它完全兼容Leaflet 1.3.0）。不过单纯做4326转3857的话，内置方法已经足够，这里仅作补充参考：

1. 先引入proj4和proj4leaflet的脚本文件
2. 再用以下代码完成转换：

// 直接用Leaflet内置的EPSG:3857定义
var targetCRS = L.CRS.EPSG3857;
var latLng = L.latLng(iarClickCoordinates[1], iarClickCoordinates[0]);
var projectedPoint = targetCRS.project(latLng);
var arCoordinates = [projectedPoint.x, projectedPoint.y];

重要提醒 #

坐标顺序的差异是迁移时最容易踩的坑！一定要确认输入的坐标顺序，要是把经度和纬度搞反，转换出来的位置会完全偏离预期。

内容的提问来源于stack exchange，提问作者Es Noguera