OpenLayers中移除默认控件,添加其他控件

移除控件:可以将controls设置为空数组,或者对默认的控件进行设置; 

import "ol/ol.css";
import Map from "ol/Map";
import View from "ol/View";
import { defaults as defaultControls } from "ol/control";

new Map({
    target: "map",
    view: new View({
        zoom: 2,
        center: [0, 0],
    }),
    // controls: [],
    controls: defaultControls({
        zoom: false,
        rotate: false,
        attribution: false
    }),
});

添加控件

import "ol/ol.css";
import Map from "ol/Map";
import View from "ol/View";
import { defaults as defaultControls, FullScreen } from "ol/control";

new Map({
    target: "map",
    view: new View({
        zoom: 2,
        center: [0, 0],
    }),
    // controls: [new FullScreen()], 移除默认,并添加全局控件
    controls: defaultControls({
        zoom: false,
        rotate: false,
        attribution: false
    }).extend([new FullScreen()])
});

Full Screen Control


版权声明:本文为qq_36157085原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。