以前和现在看中国跟毛子来中国地图,是不是很多人这样想

在数据可视化中地图是很重要嘚一部分。很多情况会与地图有关联如中国各省的人口多少,GDP多少等都可以和地图联系在一起。

1.可以参照:进行制作

2.联系博主会给您共享一份地图的JSON数据。

第一步:定义画板并将画板添加到body中

第二步:定义一个投影函数来转换经纬度。因为地球上的经度和纬度的信息,都是三维的而要在网页上显示的是二维的,所以要设定一个投影函数来转换经纬度本文使用d3.geo.mercator()的投影方式。各种投影函数可以參考: 

第 2 行:center() 设定地图的中心位置,[107,31] 指的是经度和纬度

第 3 行:scale() 设定放大的比例。数值越大地图被放大的比例越大。将数值写在括号中即可

第 4 行:translate(x,y) 设定平移。第一个参数x为沿x轴移动的距离第二个参数y为沿y轴移动的距离。

第三步:使用第二步定义出来的投影函数生成路徑projection() 是设定生成器的投影函数,把上面定义的投影传入即可以后,当使用此生成器计算路径时会自己加入投影的影响。

第四步:向服務器请求文件并绘制地图


再次声明:d3.json() 不能直接读取本地文件因此你需要搭建一个服务器,例如 Apache

三.给地图上添加省份的名称

注:地图的JSON數据中需要有省份的中心点坐标。结果如下:


四.实现地图的省级联动(即点击某省时出现某个省份的地图)

第一步:给每个省份的路径添加一个属性属性值为对应的省份名。以便点击时进行判断,是哪个省份被点击以及需要调取哪个省份的地图数据。

五.实现地图上不哃区域有不同的着色(如图)

会用到d3中的过滤器判断数据当中各省份的经纬度,根据经纬度的范围进行着色具体代码如下:

}

不错喜欢。运输基本合格吧主要是纸箱里没有加泡沫导致,不过基本可以接受虽然是本次购物的美中不足,但确是事实地图这种东西配合历史一起学习,自然印潒深刻很多疆域方面的精彩描述自然比不上直接上个地图来的直观。出版社为中国地图出版社这足够权威和标准,丰满的象形文字设計的让人有对历史的直接代入感主颜色为简约的白色,这点我个人十分喜欢因为在历史的长河中,任何雄伟的图片都会显得苍白无力书的侧面颜色区带明显,即使只是地图册都有着专业字典的编撰感内容部分就不多说了,因为近期还没有打算开封抱歉了。写了这麼多只是想吧字数抽到100+.看看有没有惊喜。就这样吧谢谢。

}

我要回帖

更多关于 毛子来中国 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信