D3.js数据可视化实战手册

第12章 地图的奥秘

本章将涵盖以下内容：

◆ 美国地图的投影 ^[1]

◆ 世界地图的投影

◆ 等值区域图的构建

12.1 简介

在可视化领域中，将数据点投影和关联到地理区域上，是一个非常关键的内容。地理数据可视化是一个非常复杂的话题。当今，各种标准不断产生，并在相互竞争和融合中逐步走向成熟。D3提供了为数不多的用于绘制地理、地图信息的方法。在这一章，我们将对D3地图可视化中比较基本的概念做出介绍，并运用D3绘制一个全功能的等值区域图（一种特殊用途的彩色地图）。

12.2 美国地图的投影

本例中，我们将使用D3的geoAPI绘制美国地图，同时简单介绍几种JSON数据格式。首先来看一下，JavaScript是如何展示和消费地理数据的。

12.2.1 GeoJSON

第一个要介绍的JavaScript标准地理数据格式为GeoJSON。GeoJSON与其他GIS标准格式不同，它由一个互联网开发组织开发和维护。

GeoJSON 是一种格式，专门用于对多种地理数据结构进行编码。一个GeoJSON对象可以代表几何结构、一个特征或者一系列特征。GeoJSON可以支持如下几种几何结构：点、线、多边形、多点、多线、多个多边形以及几何体集合。特征又可以包括一个几何体对象以及一些附加的属性，还包括一系列特征集合。

摘自：http://www.geojson.org/

GeoJSON是一种非常流行的用于编码GIS信息的标准，支持多种开源以及商业软件。GeoJSON将纬度和经度点作为它的坐标，因此，它要求所有软件，包括D3在内，提供相应的projection、scale以及translation的方法，以便用于数据可视化。下面的GeoJSON数据描述了阿拉巴马州的状态特征坐标。

{

"type": ...