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
      • CRS.Simple
    • projection

    • LatLng
    • LatLngBounds
  • layer

  • Map

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

CRS.EPSG3857

# 概述

CRS.EPSG3857和CRS.EPSG900913都是基于Web Mercator 投影(球形墨卡托投影)的坐标系,用于地理信息系统中的投影转换,是互联网地图(如 Google Maps、OpenStreetMap)的事实标准

# 源码分析

# 源码实现

CRS.EPSG3857和CRS.EPSG9000913的源码实现如下:

export var EPSG3857 = Util.extend({}, Earth, {
  code: "EPSG:3857", // 标准编码,表示基于WGS84坐标系下的Web Mercator投影
  projection: SphericalMercator, // 使用球形墨卡托投影,简化椭球模型为球体
  // 定义坐标变换矩阵,将投影后的平面坐标(米)转换为标准化的像素坐标
  transformation: function () {
    var scale = 0.5 / (math.PI * SphericalMercator.R);
    return toTransformation(scale, 0.5, -scale, 0.5);
  },
});

// EPSG900913是EPSG3857的别名,用于向后兼容,已被弃用
export var EPSG900913 = Util.extend({}, EPSG3857, {
  code: "EPSG:900913",
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14

# 注意事项

  1. 坐标翻转 ​​:Y 轴变换中的负号 (-scale) 确保地图顶部对应高纬度。
  2. 兼容性​​:EPSG:900913 仅用于兼容旧系统,新项目应使用 EPSG:3857。
  3. 性能优化​​:球形模型简化计算,适合高频渲染的在线地图。

# 总结

CRS.EPSG3857和CRS.EPSG9000913都是基于 Web Mercator 投影的标准坐标系,适用于互联网地图的显示和地理信息系统的投影转换。它们简化了投影计算,提供了高精度的地图显示效果,是现代互联网地图服务的标准。

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

← CRS.EPSG3395 CRS.EPSG4326→

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