Entfernen Sie Standardsteuerelemente von Open Layers Bing Map

Question

Ich baue eine App, die Geolocation verwendet, mit Open Layers eine Bing Map Layer laden. Ich möchte das Zoomen nur durch Berührung alleine steuern und möchte daher die Standardzoomtasten entfernen. Idealerweise würde ich den "i" -Knopf auch verschieben, damit er nicht mit den runden weißen Knöpfen in Konflikt gerät.

Hier ein Screenshot, wie es macht zur Zeit:

Also ich spreche die blauen Tasten unterhalb den weiß rund denjenigen.

Abgesehen von dem Geolocation-Code, das ist, wie ich die Bing Maps-Ebene hinzufügen, und wo ich nehme, würde ich den Code hinzufügen, um diese zu entfernen, aber alles, was ich versucht habe, hat keinen Unterschied gemacht:

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 
     }) 
    })); 
} 

Hat jemand irgendwelche Vorschläge?

Answer 1

Die zoom (Plus- und Minus-Tasten auf der oberen linken) und attribution (die i Taste auf der unteren rechten Ecke) Kontrollen sind Teil der ol.Map Konfiguration. Um sie zu deaktivieren, können Sie Ihre ol.Map wie folgt initialisieren:

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