如何为开放图层中的开放街道地图使用不同的主题？

Posted 2023-05-06

【中文标题】如何为开放图层中的开放街道地图使用不同的主题？

【英文标题】：How do I use different themes for open street maps in open layers?

【发布时间】：2020-01-26 05:30:56

【问题描述】：

我有一个带有自定义交互式图层的地图应用程序，但我想使用来自this 的深色主题。我正在使用playing around on jsfiddle，但我只是看不到让黑暗主题发挥作用。我试过这个：

      new TileLayer(
        source: new TileJSON(
          url: 'https://raw.githubusercontent.com/openmaptiles/dark-matter-gl-style/master/style.json'
        )
      )

我正在使用经典的 apache 和 php。我对 npm 和 webpack 一无所知。

【参考方案1】：

style.json 只是一个 Mapbox 样式规范，而不是 TileJSON 本身的数据。

您可以使用 ol-mapbox-style 为矢量切片图层（如 OSM）使用 Mapbox 样式规范。还有一些关于这个问题的信息on openmaptiles, where you found the theme.

【讨论】：

我不知道如何使用ol-mapbox-style。他们似乎认为您使用的是npm 和webpack，我也不使用。我正在使用经典的 apache 和 php。

感谢分享小提琴！ unpkg.com 是在经典环境中使用现代软件的绝佳工具

【参考方案2】：

我们是 OpenMapTiles 项目和您要链接的存储库的作者。

如果您需要使用 dark-matter-gl 样式 - 最简单的是转到 https://cloud.maptiler.com/maps/darkmatter/，创建一个免费帐户并复制并粘贴本网站上提供的示例查看器。

这为您提供免费托管和网页样式 - 使用您选择的查看器，包括 OpenLayers。