在map.bikewise.org上绘制自行车失窃地图


我们有很多开放数据。也许不是芝加哥的数量但多年来,我们一直是最大、使用最广泛的被盗自行车报告服务机构(这就是我们追回被盗自行车的原因!)bwin娱乐平台注册

把我们的自行车失窃数据绘制在地图上是很困难的——困难到我们现在只能举手投降,希望别人来做这件事。

Lyzi钻石说地图很酷,我们应该使用它们,所以现在是地图时间。

示例显示被盗自行车地图- map.bibwin娱乐平台注册kewise.org的截图

我们希望我们的盗窃地图不仅仅是一张漂亮的图片,还要提供有用的数据可视化——通过搜索、浏览时间和自行车索引报告的链接。

map.bikewise.org显示您正在查看的区域最近的100起盗窃案。每次你移动地图时,它都会更新新的结果,当你放大地图时,它会填入更多的偷窃行为。

你可以用搜索栏搜索盗窃和自行车数据,但搜索并不会把你转移到匹配的结果。如果你搜索但什么也没看到,试着缩小。

标记的颜色是根据盗窃发生的时间,图例解释了颜色的含义,你可以点击图例中的时间段来筛选。

如果您想查看更多结果,请单击显示500(慢)在搜索栏下面。清除所有标记清晰的地图如果你不知所措,请链接。


的制作

我从来没有使用Mapboxleaflet.js之前。它们都是强大的、了不起的工具,我很高兴有机会更好地了解它们。

加载所有的偷窃标记(> 28k)可能会使浏览器/计算机/互联网崩溃,所以我需要在玩家移动时从Bikewise API动态加载新点到地图中。这与正常的用例不太匹配,所以我必须想出自己的方法来完成它。

我能想到的最简单的方法是在每次地图变化时获取位置leaflet-hash插件,它会在URL每次改变时用位置或缩放来更新URL。此外,它本身很酷也很有用,因为它可以通过链接共享地图位置(但仍然没有办法共享你从图例中设置的参数)。

没有Mapbox我也可以这么说例子教程而且文档,这幅地图就会变得毫无趣味。他们提供了一个很好的来源,不仅是学习如何做事,而且是灵感和搞清楚什么是可能的。我也非常感谢他们强大的支持团队Lyzi钻石她对我笨手笨脚的问题非常有耐心。


当然,这些代码都是开源的。您可以在下面找到映射代码github.com/sethherr/bike_thefts_map

Baidu
map