'使用“文本字段”需要样式“glyphs”财产当使用纯色背景时

Question

我使用的是纯背景，而不是使用 MapBox 样式，按照 这个答案

var map = new mapboxgl.Map({
    container: 'map',
    style: {
      version: 8,
      sources: {},
      layers: [
        {
          id: 'background',
          type: 'background',
          paint: {'background-color': 'white'}
        }
      ]
    }
});

我添加了一个 GeoJSON 点图层，我正在尝试对其进行标记：

'layout': {
  'text-field': ['get', 'name'],
  'text-font': ['Open Sans Semibold', 'Arial Unicode MS Bold'],
},

如果我对地图使用标准 MapBox 样式，则该图层会被正确标记。但如果我使用前面提到的空白底图，该图层将返回错误：

使用“文本字段”需要样式“glyphs”属性

搜索此错误消息表明我需要添加一个 glyphs 选项：

"glyphs":"mapbox://fonts/mapbox/{fontstack}/{range}.pbf" 或 "glyphs":"https://fonts.openmaptiles.org/{ fontstack}/{range}.pbf"

但是，这两个选项都不能阻止错误消息，并且该图层不会被标记。

使用空底图时，glyphs 参数的正确语法是什么？

Answer 1

我将其复制到我的样式选项中，当我以前遇到与您相同的错误时，它工作正常，没有错误：

{
  "version": 8,
  "name": "Empty",
  "metadata": {
    "mapbox:autocomposite": true
  },
  "glyphs": "mapbox://fonts/mapbox/{fontstack}/{range}.pbf",
  "sources": {},
  "layers": [
    {
      "id": "background",
      "type": "background",
      "paint": {
        "background-color": "rgba(0,0,0,0)"
      }
    }
  ]
}

https://github.com/mapbox/mapbox-gl-styles/blob/master/styles/empty-v8.json

Answer 2

作为解决方法，我在 MapBox Studio 中创建了一个新的空白样式并将其用作底图。此后，标签正确显示。

var map = new mapboxgl.Map({
  style: mapbox://styles/my-blank-map,
  ...
})

不过，我仍然想知道是否有一种编程方式可以使用 MapBox GL-JS API 来执行此操作。

Answer 3

当我不小心尝试将地图的样式设置为未定义时，我遇到了此错误。当我修复了错误并提供了合法的 mapbox:// 样式 URL 后，问题就消失了。