web-dev-qa-db-ja.com

左下隅からMapBoxロゴを削除するにはどうすればよいですか？

次のように、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」ロゴを削除するにはどうすればよいですか？

javascriptmapbox
9
lateo

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>
8
Dave

これは、MapBoxの利用規約に違反する可能性があります。このcssを追加すると削除されます...

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

https://www.mapbox.com/plans/ による。スタンダードまたはプレミアムの料金プランをご利用でない場合は、利用規約に従ってMapBoxロゴが必要です。

2
extols

私は、マップボックスのワードマーク（=ロゴ）とテキストの帰属を適切に保ちながら、それらがインターフェースの他の部分に干渉しないようにするこのソリューションを見つけました。

このソリューションは利用規約に違反していません！

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

これは私のために働いた：

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

さあ行こう：

セットattributionControl：false

var map = new mapboxgl.Map({
        trackResize: true,                                     
        container: 'map',
        center: [15.43, 50.01],                                 
        zoom: 7, 
        dragRotate: false,                                      
        attributionControl: false,    //<--- This removes!                            
        style: '/Content/mapStyle/streets.json?optimize=true'    
    });
0
praguan