d3 画地图终极自适应大小方案
d3,v4以前用d3画地图的时候,为了让地图差不多正好画在容器的上下左右正中间,不得不慢慢的这样调:
const projection = d3.geoMercator() .center([108.3340400357, 22.8212837740]) .scale(4900) .translate([400, 330]);
center还好搞,搜一下经纬度就搞定
scale和translate要配合起来一起搞基,搞过的都知道,没搞过的就去试试
从V4版本开始,终极杀手锏来了:
const projection = d3.geoMercator().fitSize([width, height], geoJSON);
就是这样简单到叫你目瞪口呆,连经纬度也不要了。骚年,快去试试吧!!!