2016-08-02 5 views
3

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.Entfernen Sie Standardsteuerelemente von Open Layers Bing Map

Hier ein Screenshot, wie es macht zur Zeit:

App screenshot 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?

Antwort

6

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, 
    }), 
    ... 
}); 
+0

Sie wunderbare Person! Vielen Dank! –

+0

@HelenDangerBurns Ich bin froh, dass ich helfen konnte! :) – xnakos

+1

Achten Sie darauf, eine Zuordnung zu Bing Maps irgendwo in Ihrer App hinzuzufügen, möglicherweise auf einer About-Seite. Dies hält Sie in Einklang mit den Nutzungsbedingungen von Bing Maps. Details zu Attribution-Anforderungen finden Sie hier: https://www.microsoft.com/maps/mob-brand-guid.aspx – rbrundritt

Verwandte Themen