映射在map.bikewise.org自行车盗窃


我们有很多公开数据。也许不是芝加哥的数量,但我们已经最大和最广泛使用的自行车失窃报告服务多年来(这就是为什么我们找回被偷走的自行车!)。bwin娱乐平台注册

让我们的自行车盗窃数据到一个地图difficult-difficult,以至于直到现在,我们只是把我们的手,希望别人能做到。

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

偷自行车的例子显示地图——map.bibwin娱乐平台注册kewise.org的截图

我们希望我们的地图盗窃是一个多漂亮的图片,形象图,大大的提供有用的数据搜索、浏览时间和链接到自行车指数报告。

map.bikewise.org显示了该地区的100最近盗窃你查看。更新与新的结果每次移动地图,已填写的整洁的效果更像你放大的盗窃。

你可以搜索盗窃和自行车数据和搜索栏但不移动你匹配搜索结果。如果你搜索,看不出什么,试着放大。

颜色标记根据盗窃发生的时候,这个传说解释颜色是什么意思,你可以点击时间传说中过滤。

如果你想看到更多的结果,点击显示500(慢)在搜索栏。清除所有的标记清晰的地图如果你被链接。


的制作

我从来没有使用Mapboxleaflet.js之前。他们都是强大的,令人敬畏的工具和我很高兴有机会更好的了解他们。

加载所有的盗窃标记(> 28 k)可能会压垮一个浏览器/计算机/互联网,所以我需要动态加载新的分Bikewise API你移动到地图。这并不完全符合正常使用情况下,所以我不得不提出我自己的方式完成它。

我能想到的最简单的方法得到每次地图位置的变化leaflet-hash插件,更新URL的每次改变位置或缩放。也很酷和有用的,因为它可以分享地图位置的链接(还没有分享的参数设置的传说)。

我可以说,没有Mapbox例子,教程文档,这张地图将从根本上更有趣。他们提供了一个伟大的来源不仅对学习如何做事,但对于灵感,弄清楚什么是可能的。我还欠很多由于他们伟大的支持团队,特别Lyzi钻石和我的笨手笨脚的问题,他是令人难以置信的病人。


当然,这段代码都是开源的。你可以找到的映射代码github.com/sethherr/bike_thefts_map

Baidu
map