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

Question

我有一个带有自定义交互层的 map 应用程序，但我想使用来自this的深色主题。 我在 jsfiddle 上玩，我只是看不到让黑暗主题工作。 我试过这个：

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

我正在使用经典的 apache 和 php。 我不知道 npm 和 webpack。

Answer 1

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

您可以通过使用ol-mapbox-style为矢量切片图层（如 OSM）使用 Mapbox 样式规范。 在您找到主题的 openmaptiles 上也有一些关于此问题的信息。

Answer 2

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

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

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