如何从左下角删除MapBox徽标？

Question

我通过mapbox.js脚本在我的html页面中嵌入MapBox地图,如下所示:

L.mapbox.accessToken = 'pk.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.xxxxxxxxxxxxxxxxxxxxxx';
var map = L.mapbox.map('map', 'xxxxx.xxxxxxxx', {
    zoomControl: false
});

这会生成如下地图:http: //s4.postimg.org/58m4aeb8d/mapbox.png

如何删除左下角的"Mapbox"徽标？

Answer 1

这对我有用：

.mapboxgl-ctrl-logo {
    display: none !important;
}

Answer 2

您只能在不包含Mapbox(Streets,Terrain,Satellite)或OpenStreetMap图层的地图上完全删除属性.这是因为这些层中包含的OpenStreetMap和DigitalGlobe数据在法律上需要归属.

如果您的地图不包含这些图层,则可以通过将info控件设置为false来删除默认属性:

var map = L.mapbox.map('map', 'examples.map-8ced9urs', {attributionControl: false});

您可以使用L.control.attribution构造函数添加自己的属性.

var credits = L.control.attribution().addTo(map);
credits.addAttribution('Credits: Penny Dog Mapping Co.');

但是,您可以移动归因.如果您使用的是需要归因的图层,但希望将其移动到页面的其他部分,则可以在页面的其他位置插入此HTML代码段,例如页脚:

<a href='https://www.mapbox.com/about/maps/' target='_blank'>Maps &copy; Mapbox &copy; OpenStreetMap</a>

Answer 3

这可能违反 MapBox 服务条款。添加此 css 将删除它...

.mapbox-logo{
    display: none !important;
}

Answer 4

只需attributionControl: false在创建对象时添加 ,map

const map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v11',
    attributionControl: false
});

Answer 5

根据https://www.mapbox.com/plans/。除非您使用标准或高级定价计划，否则根据服务条款需要 MapBox 徽标。