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

    • projection

      • Projection.LonLat
        • 概述
        • 源码分析
        • 总结
      • Projection.Mercator
      • Projection.SphericalMercator
    • LatLng
    • LatLngBounds
  • layer

  • Map

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

Projection.LonLat

# 概述

Projection.LonLat 实现了 ​​ 等距圆柱投影(Equirectangular/Plate Carrée)​​,将地理坐标(经纬度)直接映射为平面坐标,适用于简单场景(如 GIS 基础应用或平面游戏地图)。该投影对应 ​EPSG:4326​​(WGS84 地理坐标系)和 ​​Simple CRS​​。

# 源码分析

export var LonLat = {
  // 将地理坐标`LatLng`转换为平面坐标`Point`
  project: function (latlng) {
    return new Point(latlng.lng, latlng.lat);
  },

  // 将平面坐标`Point`逆转换为地理坐标`LatLng`
  unproject: function (point) {
    return new LatLng(point.y, point.x);
  },
  // 边界定义:定义投影的有效经纬度范围
  bounds: new Bounds([-180, -90], [180, 90]),
};
1
2
3
4
5
6
7
8
9
10
11
12
13

# 总结

通过 L.Projection.LonLat,Leaflet 为开发者提供了一个基础的地理坐标映射工具,适用于无需复杂投影的轻量级应用场景。

编辑 (opens new window)
上次更新: 2025/04/18, 09:09:53
CRS.Simple
Projection.Mercator

← CRS.Simple Projection.Mercator→

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