Mapbox要求在使用其地图服务时,必须显示其版权/Attribution信息。然而,在某些情况下,比如使用了Mapbox的付费计划或者使用了其他允许隐藏版权/Attribution的服务,可能可以移除或修改版权/Attribution信息。
但请注意,根据Mapbox的服务条款,即使在使用付费计划时,也可能需要显示版权/Attribution信息。在移除或修改版权信息之前,请确保你的使用方式符合Mapbox的服务条款,以免造成侵权。
如果你确定你有权移除版权/Attribution信息(例如,你使用的是企业计划并获得了相关许可,或者你使用的是其他地图服务),那么你可以通过以下方式移除Mapbox地图右下角的版权信息:
**使用CSS隐藏版权信息。**通过Mapbox GL JS的API调整版权信息的位置或内容。但是,强烈建议在遵守服务条款的前提下使用地图服务。下面是一个使用CSS隐藏版权信息的示例(请确保你的使用是符合条款的):
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>Hide Mapbox Attribution</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.mapbox.com/mapbox-gl-js/v2.9.2/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v2.9.2/mapbox-gl.css' rel='stylesheet' />
<style>
body { margin: 0; padding: 0; }
#map { position: absolute; top: 0; bottom: 0; width: 100%; }
/* 隐藏版权信息 */
.mapboxgl-ctrl-attrib {
display: none !important;
}
</style>
</head>
<body>
<div id='map'></div>
<script>
mapboxgl.accessToken = '你的accessToken';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v11',
center: [116.46, 39.92],
zoom: 10
});
</script>
</body>
</html>
**另一种方法是使用Mapbox GL JS的API来调整版权信息。**你可以通过设置attributionControl选项为false来禁用默认的版权控件,然后自定义一个版权信息(但自定义的版权信息仍需符合Mapbox的要求)。
示例:
javascript
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v11',
center: [116.46, 39.92],
zoom: 10,
attributionControl: false // 禁用默认的版权控件
});
// 或者在地图加载后移除
map.on('load', function() {
// 移除所有版权信息
document.querySelectorAll('.mapboxgl-ctrl-attrib').forEach(function(el) {
el.parentNode.removeChild(el);
});
});
**其他可参考方法。**如果您需要更简洁的UI但仍想遵守服务条款,可以考虑使用Mapbox提供的精简版权信息:
javascript
map.addControl(new mapboxgl.AttributionControl({
compact: true // 使用精简模式
}));
添加您自己的版权信息(但仍需包含Mapbox的版权):
javascript
// 添加自定义版权控件
map.addControl(new mapboxgl.AttributionControl({
customAttribution: '© 2023 我的公司 | Map data © <a href="https://www.mapbox.com/about/maps/">Mapbox</a>'
}));

被折叠的 条评论
为什么被折叠?



