OpenLayersのデフォルトコントロール(zoom)を削除する

2026/4/10 GIS, JavaScript, OpenLayers, プログラミング

OpenLayersのデフォルトコントロール(zoom)を削除する

はじめに

OpenLayersのzoomボタンを自前で実装したので、デフォルトコントロール(zoom)を削除する。
OpenLayersでは、以下のデフォルトコントロールが定義されており、これらはオプションで削除できます。

コントロール	内容	デフォルト
Zoom	＋ / − ボタン（ズーム）	ON
Rotate	回転リセットボタン（北向きに戻す）	ON
Attribution	右下の著作権表示	ON

変更前のマップイメージ

変更後のjavascript

    const map = new ol.Map({
        target: "mainmap",
        layers: [],
        controls: ol.control.defaults.defaults({
            zoom: false
        }),
    });