Skip to content

手绘4326和3857投影世界地图 #12

Description

@lyj289

前面说了:

  • 4326是地理坐标,用来存储数据,如果要可视化的话,使用的是一种没有数学运算的简单投影 Plate-Carrée
  • 3857 WebMercator,Google地图投影,目前最常见的地图投影

Ok, 说了那么多,下面就给两个示例,用全球的海岸线地理数据,分别进行上面两种投影的可视化,看看效果是什么样子。

4326

3857

一些补充:

  • 主要参考了Leaflet作者Vladimir的wind-map项目
  • 数据是一份海岸线数据,部分区域可能有缺失
  • 两张地图尺寸不一致,原因是:
    • 4326使用的Plate-Carrée投影,表示范围是,经度:[-180 , 180], 纬度[-90, 90],长度比是2:1,因此看起来有点扁
    • 3857投影所表示的范围是, 经度:[-20037508.342789244 , 20037508.342789244], 纬度[-20037508.342789244 , 20037508.342789244],长度比1:1,因此是个正方形。
  • 3857投影的转换代码部分,参考了Leaflet
  • 点击图片,可查看在线Demo及Code

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions