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);

  就是这样简单到叫你目瞪口呆,连经纬度也不要了。骚年,快去试试吧!!!


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM