令我印象最深的最近的一次程序错误是上次做可视化大作业—城市供水基础设施的可视化所遇到的问题。
第一次学习应用d3,有诸多迷惑不解指出,在将天津地图设置投影于画布时,应用以前学过的一个函数无法显示出天津地图。
var projection = d3.geo.albersUsa()
.scale(1000)
.translate([width / 2, height / 2]);
后经过查询得知阿伯斯投影是被设计用四个阿伯斯投影把美国的阿拉斯加州和夏威夷州显示到本土的复合投影,且不适合应用到非等值线图。
经过查询发现墨卡托投影是经投影后经线均匀分布,且在映射平铺时较常用,百度地图和Google Maps的投影方法均是墨卡托投影。
经过更改投影方法后, 地图仍然无法显示。
var projection = d3.geo.mercator()
.scale(1000)
.translate([width / 2, height / 2]);
根据猜想,可能地图比例尺设置太小,更改比例尺之后,发现只能显示一个角,又设置经纬度显示中心后,才把天津地图显示出来。
var projection = d3.geo.mercator()
.center([117.1, 39.14])
.scale(100000)
.translate([width / 2, height / 2]);
显示效果如图: