哪些工具构build完整的交互式地图应用程序/ Web应用程序？

我也想build立一个Web应用程序，我正在寻找我将不得不使用的工具。 我想要使​​用我正在考虑的实时地图：

Tilemill得到.png为了组成我的地图的背景，或者从shp文件中的webite中获取数据以在mapnik中为此构build图层。

Mapnik用我想在地图上添加的数据构build图层。

Mapnik ：将图层放在一起并生成地图。

TileStache ：为我的应用程序生成瓷砖。

Openlayers ：在浏览器中显示我的地图。

一旦我的地图显示，我想添加交互性。 例如，当你走过一条线或一个圆圈（一个城镇/一个事件）时，它会给你这个对象的属性。

但是线条和圆圈将直接集成到mapnik地图中，所以我需要添加一些javascript以使其dynamic并打开popup窗口。 我该怎么做呢 ？ 使用Openlayer JavaScript库或node.js。

对于我想要使用这些工具的问题/方式，您有什么build议？

非常感谢！

Answer 1

我也遇到过类似的情况，所以我不知道答案，但是从我能弄清楚的方面来看，我认为你走在了正确的道路上。

我开始使用Mapbox方法，只要数据是静态的，就可以简化事物。 您不仅使用Tilemill来生成您的PNG图块（一旦您使用Carto来完成一些漂亮的样式），还可以导入您的数据集。

TileMill可以将您的TileJSON和UTFGrid文件与PNG切片一起打包并准备使用。 然后，Mapbox将为您提供所有这些东西，您可以使用他们的mapbox.js库（ Leaflet的扩展）将其全部集成在浏览器中，并具有完全的交互性。 打开popup窗口可能是你在浏览器中用JavaScript做的事情 – 如果你的意思是infoWindows（与地图点关联的覆盖窗口），那么这将是对Leaflet API的调用。

如果你很乐意创build你的图层并离线导入你的数据，这个方法看起来非常简单而强大。 Mapbox甚至可以使用覆盖多个图层来渲染图块 – 例如，您可以在卫星图像顶部看到您的圆圈，并将其合并到一个PNG中。

问题真的出现在您的数据需要存活的时候，因此您无法在TileMill中提前做好准备。 我仍然在想这一切，但它似乎好像TileStache和Mapnik的组合将能够为您提供您需要的TileJSON，GeoJSON和UTFGrid文件以及瓷砖本身，在方式你已经在问题中概述了。

您可能还需要在后台使用PostGIS和GeoDjango或类似的工具，以分别保存和pipe理您的实时数据。

正如我所说，我仍然试图让我的完整堆栈工作，所以我不能担保这100％，但如果您的数据收集前，那么我肯定会推荐的TileMill路由为简单起见。

我希望这是一个帮助！