如何将自定义属性添加到默认的 mapbox-gl 属性控件？

Question

归因控制：真

什么都不做。我需要在哪里放置 mapbox-gl 样式的属性，以便它显示在控件中？

Answer 1

对于那些仍然对此感到疑惑的人。 Mapbox 已经为此做了一个很好的解决方法，如Mapbox issue #1485中所述。

我只是照搬Mapbox合作者提供的解决方案：

map.addSource('attribution', {
type: 'geojson',
data: {
  type: 'FeatureCollection',
  features: []
},
attribution: 'Your custom attribution'
});

Answer 2

此功能尚未实现。它非常失踪。你会考虑提交 PR 吗？ https://github.com/mapbox/mapbox-gl-js/issues/1485

Answer 3

您还可以使用 HTML/CSS + Mapbox CSS 样式，通过使用

div

类（

example

）在地图

div

包装器中包含和定位 mapboxgl-ctrl-attrib：

<div id="map">
    <!-- Modify the style: right position so it matches with the mapbox attribution -->
    <div id="attribution" class="mapboxgl-ctrl mapboxgl-ctrl-attrib mapboxgl-ctrl-bottom-right" style="position: fixed; bottom: 0; right: 230px;">
        <a href="*">Attribution 1</a> &nbsp;|&nbsp; 
        <a href="*">Attribution 2</a>  &nbsp;|&nbsp;
        <a href="*">Attribution n</a> &nbsp;|
    </div>
</div>

Answer 4

同时该功能可用https://docs.mapbox.com/mapbox-gl-js/api/markers/#attributioncontrol

Answer 5

---- 2023年更新----

这里是官方的mapbox文档和例子

https://docs.mapbox.com/mapbox-gl-js/api/markers/#attributioncontrol

这是我的工作代码，