更改地图上各个标签的文本 (OpenLayers)

Question

我想更改 OpenLayers 地图上某个地方的文字，需要将其从 波斯湾 更改为 阿拉伯湾

我尝试查看是否有任何方法可以使用 OpenLayers API 文档进行此更改，但没有成功。

https://openlayers.org/en/latest/apidoc/

以下是地图位置

代码如下：

import TileLayer from 'ol/layer/Tile';
import VectorLayer from 'ol/layer/Vector';

....


vectorSource = new VectorSource({
    // url: '/assets/data/countries.geojson',
    url: '/assets/data/countries.json',
    format: new GeoJSON()
  });
  

  mapLayer = new VectorLayer({
    source: this.vectorSource,
    declutter: true
  });

 
  markerLayer = new VectorLayer({
    source: new VectorSource({}),
    style: this.mapStyle
  });

  linesLayer = new VectorLayer({
    source: new VectorSource({}),
    style: this.lineStyle
  });
....

有什么办法可以改变吗？我仍在浏览 OpenLayers API 以查找是否存在。

Answer 1

您无法使用 OpenLayers API 更改 TileLayer 上的标签，因为地图图像是以 png 图像形式提供的，OpenLayers 在接收到它们时会进行渲染。

如果您的图层是 VectorTileLayer，您可以访问要素属性，并可以修改它们的值。

如果您继续使用 TileLayer 来自 Mapbox 的数据，就像您目前所做的那样，您可以使用 Mapbox Studio 创建自定义样式，您可以在其中更改标签作为样式的一部分。

Answer 2

我得到了解决方案，这可以通过在 https://www.mapbox.com/mapbox-studio/ ( MapBox Studio ) 中编辑地图样式来实现，OpenLayers 与您的地图内容无关。

我创建了自定义样式并将 URL 集成到我们的应用程序中，然后一切正常。

更改地图上各个标签的文本 (OpenLayers)

Change Text of Individual labels on map ( OpenLayers )

openlayers

openlayers-3

angular-openlayers

openlayers-6