如何為開放圖層中的開放街道地圖使用不同的主題？

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。