從“打開圖層Bing地圖”中刪除默認控件

Question

我正在構建一個使用Geolocation的應用程序，使用Open Layers加載Bing Map Layer。 我想僅通過觸摸來控制縮放，因此想要刪除默認的縮放按鈕。 理想情況下，我想至少移動“i”按鈕，這樣它就不會與圓形白色按鈕發生沖突。

這是當前呈現方式的屏幕截圖：

所以我在談論白色圓形下面的藍色按鈕。

除了Geolocation代碼之外，這就是我添加Bing Maps圖層的方式，我假設我會添加代碼來刪除這些，但我嘗試的所有內容都沒有區別：

var styles = [
    'Road',
    'Aerial',
    'AerialWithLabels',
    'ordnanceSurvey'
];
var layers = [];
var i, ii;
for (i = 0, ii = styles.length; i < ii; ++i) {
    layers.push(new ol.layer.Tile({
        visible: false,
        preload: Infinity,
        source: new ol.source.BingMaps({
            key: 'my key is here in the real version',
            imagerySet: styles[i],
            disableZooming: true,
            // use maxZoom 19 to see stretched tiles instead of the BingMaps
            // "no photos at this zoom level" tiles
            maxZoom: 19
        })
    }));
}

有沒有人有什么建議？

Answer 1

zoom （左上角的加號和減號按鈕）和attribution （右下角的i按鈕）控件是ol.Map配置的一部分。 要禁用它們，您可以按如下方式初始化ol.Map ：

var map = new ol.Map({
    ...
    controls : ol.control.defaults({
        attribution : false,
        zoom : false,
    }),
    ...
});