如何在 Javascript 中使用 OpenStreetMap XML 管理完整的矢量离线地图？答案

【问题标题】：How to manage a full vector offline map with OpenStreetMap XML In Javascript?如何在 Javascript 中使用 OpenStreetMap XML 管理完整的矢量离线地图？
【发布时间】：2014-01-20 20:45:37
【问题描述】：

我正在尝试使用我的网站中的 XML 格式的 OSM 数据创建一个离线地图，因此它必须是一个 JavaScript 框架来显示地图。我们将 MapsForge 用于我们的 Android 项目，我们可以显示离线地图。但问题是我们想在网络上显示一个完整的矢量地图，但我们找不到任何方法来做到这一点。我尝试了传单，但没有成功，因为传单只显示地图的一部分，如道路、节点和多边形，但我们有关于该 XML 文件的更多信息，其中包括所有缩放级别的所有样式等等......

我用谷歌搜索了很多，但找不到任何解决方案。这背后的原因是我们国家没有 3G 互联网支持，人们不能到处上网，所以唯一的方法是他们下载矢量地图（由于缺乏高速互联网连接，它必须是轻量级的. 所以答案是矢量地图。）他们可以上网并在他们的手机上在街上使用该地图。我们真的很想在这件事上帮助我们的员工。

如果您能帮助我们找到出路，那对我们真的意义重大。

【问题讨论】：

我不确定这是否满足您的需求，但您是否看过kothic？

标签： javascript vector openstreetmap jvectormap mapsforge

【解决方案1】：

AFAIK（目前）无法离线提供全球 OSM 地理数据并仅在 JS 中呈现矢量数据。

是的，有（少数）frameworks 将 OSM 离线存储为向量，并为各种任务（渲染、搜索、路由等）准备索引，但它们都是原生的，通常用于原生 @ 987654322@.

是的，有 WebGL/... 矢量渲染 JS 库，但它们通常使用矢量流服务来获取矢量切片并且不使用本地存储。

恕我直言，最好利用现有的手机原生解决方案，然后将您的自定义数据添加到顶部，例如作为 KML/geoJSON/ ...

【讨论】：

感谢您的回复。在您说的第三个参数上，有 js 库可以获取矢量图块并显示它们。您能否告诉我一个或多个 js 库的名称（在 WebGL 或 ... 的帮助下）可以创建具有谷歌地图或 OSM 具有的详细程度的矢量切片？
矢量图块：CartoType、libosmscout、... wewbgl：参见wiki.openstreetmap.org/wiki/3D_Development 同样，没有 LIB 可以完成所有工作...
感谢您的回复。 ;)