1. ホーム
  2. javascript

LeafletJS: ズームコントロールを削除する方法

2023-09-14 10:21:49

質問

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

私が使っているのは 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 オプションがあると書かれていますが、私はそれをうまく使うことができませんでした。

この実装でズーム コントロールを削除するにはどうしたらよいでしょうか。

ありがとうございます。

どのように解決するのですか?

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

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

mapboxで試す。

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

参照 地図作成 zoomControl オプション をLeafletのドキュメントで参照してください。