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

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

如果地图不包含这些图层，您可以通过将信息控件设置为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 2

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

Answer 3

这对我有用：

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

Answer 4

在style.css中粘贴此代码

.mapbox-logo{ display: none; } .mapboxgl-ctrl-logo { display: none !important; } .mapbox-improve-map { display: none; } .mapboxgl-ctrl-compass { display: none; }

是javascript文件吗？

const map = new mapboxgl.Map({ container: this.mapContainer, style: 'mapbox://styles/mapbox/dark-v10', center: [this.state.lng, this.state.lat], zoom: this.state.zoom, attributionControl: false });

它可以帮助您隐藏服务条款

Answer 5

我发现这个解决方案可以保留mapbox wordmark（= logo）和文本属性，但不会干扰接口的其余部分。

此解决方案不违反服务条款！

.leaflet-bottom, .leaflet-top {
    z-index: 0 !important; // This is 1000 by default
    position: absolute;
    pointer-events: none;
}

Answer 6

为attributionControl: false创建对象时，只需添加map

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

Answer 7

您可以尝试

@IBOutlet weak var mapView: MGLMapView!{
        didSet{
            mapView.styleURL = URL(string: "mapbox://styles/mapbox/dark-v10")
            mapView.attributionButton.alpha = 0 // to remove info icon on right
            mapView.logoView.isHidden = true // to remove mapBox logo on left
            mapView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        }
    }

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

7 个答案: