使用D3.js在地图上绘制点的最佳方式

Best way to plot Points on Map using D3.js

本文关键字:最佳 方式 绘制 D3 js 地图 使用      更新时间:2024-01-16

我正在绘制地图中巨大数据集的点。类似于:http://bikes.oobrien.com/chicago/

[
{
"event":'share',
"lat":41.92866814708094,
"long":-87.70242605646864},
{
"event":'rapheal',
"lat":34.03,
"long":23.01},
{
"event":'share',
"lat":41.92866814708094,
"long":-87.70242605646864},
..
]

我可以使用D3.JS吗?我在这里找到了很酷的东西:http://bost.ocks.org/mike/或者我应该使用cartodb.com来构建它。

是的,D3非常适合这种情况。内置经纬度投影https://github.com/mbostock/d3/wiki/Geo-Projections因此,您需要考虑什么最适合您的数据集。

但是,D3是绘图工具,而不是映射工具。您需要将地图坐标源为GEO JSON,以绘制您所看到的任何地方的轮廓,并且需要做大量工作才能构建出像奥利的自行车地图那样详细的地图。使用D3可以获得很大的功率,但它可能比CartoDB更有效。