77

LeafletJSマップのズーム コントロール (+/-) を削除しようとしています。

Leaflet の MapBox.js バージョンを使用していますが、ほとんどの操作は Leaflet と同じです。次のようにマップを実装します。

var map = L.mapbox.map('map');

var layer = L.mapbox.tileLayer('MAPBOX-ID', {
    format: 'jpg70',
    minZoom: 13,
    maxZoom: 15,
    reuseTiles: true, 
    unloadInvisibleTiles: true
});
map.addLayer(layer);
map.setView([40.73547,-73.987856]);

ドキュメントには、マップからズーム コントロールを削除する zoomControl オプションがあると書かれていますが、うまく機能させることができませんでした。

この実装でズーム コントロールを削除するにはどうすればよいですか?

ありがとう！

4

7 に答える 7

139

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

var map = new L.map('map', { zoomControl: false });

mapboxで試してください：

var map = L.mapbox.map('map', { zoomControl: false });

リーフレットのドキュメントでマップの作成とzoomControl オプションを参照してください。

于 2013-05-14T07:38:41.343 に答える
63

動的にズームのオンとオフを切り替えたい場合は、次のようにすることができます。

map.touchZoom.disable();
map.doubleClickZoom.disable();
map.scrollWheelZoom.disable();
map.boxZoom.disable();
map.keyboard.disable();
$(".leaflet-control-zoom").css("visibility", "hidden");
于 2014-02-07T02:00:48.107 に答える
18

座標の回答のおかげで、正しい方法を理解することができました。解決策は次のとおりです。

// Create the map
var map = L.mapbox.map('map', null, { zoomControl:false });

// Create my custom layer
var layer = L.mapbox.tileLayer('MAPBOX-ID', {
    format: 'jpg80',
    minZoom: 13,
    maxZoom:15,
    tileSize: 256,
    reuseTiles: true, 
    unloadInvisibleTiles: true
});


// Add the layer
map.addLayer(layer);
于 2013-05-15T23:23:35.440 に答える
8

あなたはただ使うことができます

map.zoomControl.remove();

于 2015-11-23T06:45:32.407 に答える
7 
map.scrollWheelZoom.disable();
于 2014-02-02T12:39:39.250 に答える