Jinuss's blog Jinuss's blog
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript高级程序设计》
    • 《Vue》
    • 《React》
    • 《Git》
    • JS设计模式总结
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • 学习
  • 实用技巧
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

东流

前端可视化
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript高级程序设计》
    • 《Vue》
    • 《React》
    • 《Git》
    • JS设计模式总结
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • 学习
  • 实用技巧
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 框架

  • core模块

  • dom模块

  • control

  • geometry

  • geo

    • crs

      • CRS
      • CRS.Earth
      • CRS.EPSG3395
      • CRS.EPSG3857
      • CRS.EPSG4326
        • 概述
        • 源码分析
          • 源码实现
          • 变换矩阵详解
          • EPSG:4326 和 EPSG:3857 对比
        • 总结
      • CRS.Simple
    • projection

    • LatLng
    • LatLngBounds
  • layer

  • Map

  • 《Leaflet源码》笔记
  • geo
  • crs
东流
2025-04-10
目录

CRS.EPSG4326

# 概述

CRS.EPSG4326是一个地理坐标系,基于等距圆柱投影,对应EPSG:4326(WGS84 地理坐标),符合EPSG:4326标准,适用于全球定位系统(GPS)、导航等需要精确坐标的场景。

# 源码分析

# 源码实现

CRS.EPSG4326的源码实现如下:

export var EPSG4326 = Util.extend({}, Earth, {
  code: "EPSG:4326", //标识符,代表WGS84,经纬度直接作为坐标值
  projection: LonLat, // 等距圆柱投影,直接映射
  // 坐标变换矩阵
  transformation: toTransformation(1 / 180, 1, -1 / 180, 0.5),
});
1
2
3
4
5
6

# 变换矩阵详解

作用:

  • X 轴 ​​:将经度 [-180°, 180°] 映射到 [0, 2](因 1/180 \* 180 + 1 = 2),进一步缩放后适配瓦片坐标。
  • Y 轴 ​​:将纬度 [-90°, 90°] 映射到 [1, 0](翻转方向,确保原点在左上角)。
  • 归一化 ​​:最终坐标范围调整为 [0, 1],方便瓦片索引计算

# EPSG:4326 和 EPSG:3857 对比

特性 EPSG:4326 EPSG:3857 (Web Mercator)
​ ​ 投影类型 ​​ 等距圆柱投影 球形墨卡托投影
​​ 坐标单位 ​​ 经纬度(度数) 米(平面坐标)
​​ 高纬度变形 ​​ 无(保留真实比例) 严重拉伸(两极区域)
​​ 适用场景 ​​ GIS 数据叠加、科学可视化 在线地图(Google Maps 等)
​​ 瓦片标准 ​​ TMS XYZ(Slippy 地图)

# 总结

CRS.EPSG4326 是一个精确、适合全球定位系统的地理坐标系,适用于需要精确坐标的应用。

编辑 (opens new window)
上次更新: 2025/04/21, 05:18:23
CRS.EPSG3857
CRS.Simple

← CRS.EPSG3857 CRS.Simple→

最近更新
01
GeoJSON
05-08
02
Circle
04-15
03
CircleMarker
04-15
更多文章>
Theme by Vdoing | Copyright © 2024-2025 东流 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式