别再搞混了！Web地图开发必懂的EPSG:4326和EPSG:3857区别与转换实战

Web地图开发必懂的坐标系实战：EPSG:4326与EPSG:3857深度解析

刚接触Web地图开发时，你是否遇到过这样的场景：从数据库取出的经纬度坐标（比如[116.404, 39.915]）直接传给地图库，结果标记点却出现在非洲附近？这种"漂移"现象背后，其实是坐标系选择不当导致的典型问题。理解EPSG:4326和EPSG:3857的本质区别，是每个Web地图开发者必须跨越的第一道技术门槛。

1. 坐标系基础：地理坐标与投影坐标的本质差异

1.1 地球模型与坐标系的诞生

地球并非完美球体，而是一个两极稍扁的椭球体。为了用数学描述地理位置，测绘学家建立了大地测量系统（Geodetic Datum），其中最常用的是WGS84（World Geodetic System 1984）。GPS设备和大多数地理信息系统都基于此系统记录位置。

EPSG:4326（即WGS84坐标系）采用经纬度表示：

• 经度范围：-180°到180°（东经为正，西经为负）
• 纬度范围：-90°到90°（北纬为正，南纬为负）

// 典型的EPSG:4326坐标表示
const beijingIn4326 = [116.404, 39.915]; // [经度, 纬度]

1.2 为什么需要投影坐标系？

将三维地球展平到二维地图时，必然产生变形。墨卡托投影（Mercator Projection）是最常见的解决方案，其投影后的坐标系就是EPSG:3857（又称Web Mercator）。特点包括：

• 单位：米
• 坐标原点在赤道与本初子午线交点
• 适合Web地图的切片和显示

// 转换后的EPSG:3857坐标示例
const beijingIn3857 = [12958175, 4825923]; // [x, y]

1.3 核心区别对比表