2d与2.5d坐标转换_Three.js 地理坐标和三维空间坐标的转换

奇技指南

本文作者高峰，360奇舞团前端工程师，W3C性能工作组/WOT工作组成员

本文转载自奇舞周刊

引言

在实现3D地球时，球面是通过地理贴图渲染的。所以我们所说的地理坐标和三维空间坐标的转换，是指将地理贴图上的坐标，转换为球面坐标(https://en.wikipedia.org/wiki/Spherical_coordinate_system)，即three.js中的三维坐标。

在介绍他们之间如何转换之前，我们先来了解下这两种坐标。

地理坐标(贴图坐标)

一个完整的地理贴图坐标 (https://zh.wikipedia.org/wiki/%E5%9C%B0%E7%90%86%E5%9D%90%E6%A0%87%E7%B3%BB)如下，其中第一张为简图，能够帮我们快速理解经纬度与地理坐标，第二张为详细经纬度分布图。