d3 地图制作

d3中所需的json格式
geometry:几何形状,
geometry-coordinates:就是path的具体内容
geometry-type:形状类型
properties:该path所具有的属性,可以放置我们在图上需要展示的数据
type:类别

{
‘geometry’: {
‘coordinates’: [],
‘type’: ‘Polygon’
},
‘properties’: {
},
‘type’: ‘Feature’
}

var projection = d3.geo.mercator()//.equirectangular()///
    .scale(200) //设定缩放比例
    .translate([width/2, height/2]); //平移
    .rotate([-105,1]) //旋转
    .center([0, 36])  //(坐标)设置地图中心位置

参考文献:
https://www.jianshu.com/p/6b21d35e775d
https://www.jianshu.com/p/27dca8d1bb9b
http://calmhawk.iteye.com/blog/2026798
http://geojson.io/#map=2/45.2/181.1
https://github.com/d3/d3-geo/blob/master/README.md#geoMercator
https://www.oschina.net/translate/geojson-spec?cmp
http://geojson.org/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值