Deaktivieren zoom mit Openlayers

ich bin mit OpenLayers zur Anzeige von benutzerdefinierten OSM-Karten auf meiner website.

Habe ich einige Punkte zu beachten: die Karte zu beheben (was bedeutet, dass wir können nicht ziehen Sie Sie oder ihn zu vergrößern).

Ich habe ein problem mit dem zoom, ich kann nicht verwalten, zu deaktivieren, Zoomen mit der Maus. Wer hat einen Tipp?

map = new OpenLayers.Map('map');
map.events.remove("move");
map.events.remove("movestart");
map.events.remove("moveend");
map.events.remove("zoomend");
map.events.remove("mouseover");
map.events.remove("mouseout");
map.events.remove("mousemove");
map.events.remove("zoomstart");
var nav = new OpenLayers.Control.Navigation({
  defaultDblClick: function(event) { return ; }
});
map[index].addControl(nav);

Auch, wenn jemand einen Tipp hat, entfernen Sie alle Navigations-Veranstaltungen einfacher als das, es würde sehr geschätzt werden.

InformationsquelleAutor GeoffreyB | 2012-09-11
  1. 13

    Deaktivieren Sie die Standard-Kontrollen auf Ihrer Karte durch die übergabe eines leeren Arrays:

    var map = new OpenLayers.Map('map', { controls: [] });
    • Ja, einfacher! Danke.
    InformationsquelleAutor tonio
  2. 5

    Vereinfachung der Ansatz des Mahdi Ergebnisse in

    var i, l, c = map.getControlsBy( "zoomWheelEnabled", true );
for ( i = 0, l = c.length; i < l; i++ ) {
    c[i].disableZoomWheel();
}

    Diese Weise deaktivieren der zoom auf Mausrad nicht erforderlich ist, anpassen die Optionen auf den Bau anzeigen, z.B. durch die Schaffung von anzeigen ohne Kontrolle (obwohl das war etwas verlangt Lght). Neben der re-Aktivierung der zoom funktioniert in ähnlicher Weise.

    Darüber hinaus durch die Suche Kontrollen matching-enabled-Eigenschaft zoomWheelEnabled eher als class-Namen unterstützt es benutzerdefinierte Steuerelemente abgeleitet von OpenLayers.Control.Navigation.

    • Ich kann das nicht testen, aber es scheint ein weiterer guter Weg, das zu tun, meiner Meinung nach. Obwohl ich wissen wollte, wie Sie Jungs waren Deaktivierung des Mausrad Zoomen in OpenLayers, mein Ziel war es, alles zu beseitigen, (der zoom war das einzige, was übrig). Danke für deine Antwort, ich hoffe, es wird helfen, mehr Menschen!
    • Das funktionierte perfekt! Viel mehr gerade nach vorne aus, eine andere Lösung gesehen, bis jetzt.
    • Und wieder aktivieren: var i, l, c = map.getControlsBy("zoomWheelEnabled", false); for ( i = 0, l = c.length; i < l; i++ ) { c[i].enableZoomWheel(); }
    InformationsquelleAutor Thomas Urban
  3. 5

    Für OpenLayers3 die Interaktion array ist auch leer sein muss.

    var map = new ol.Map({
  controls: [],
  interactions: []
});
    InformationsquelleAutor ThomasK
  4. 3

    Können Sie das folgende tun auch:

    map = new OpenLayers.Map({
    //options here ...
}

var Navigation = new OpenLayers.Control.Navigation({
    'zoomWheelEnabled': false,
    'defaultDblClick': function ( event ) { 
        return; 
     }
});

map.addControl(Navigation);

var NavigationControls = map.getControlsByClass('OpenLayers.Control.Navigation')
  , i;

for ( i = 0; i < NavigationControls.length; i++ ) {
    NavigationControls[i].disableZoomWheel();
}

    Gefunden hier.

    Für andere Optionen wie abschalten ziehen, können Sie einen Blick auf die Dokumentation und passen Sie den obigen code.

    InformationsquelleAutor Mahdi
  5. 2

    Hier ist eine weitere einfache Möglichkeit zum einschränken der zoom Ereignis beruhen, auf eine gewisse Logik. Da OpenLayers nicht eine "beforezoom'

    map.zoomToProxy = map.zoomTo;
map.zoomTo =  function (zoom,xy){
//if you want zoom to go through call
map.zoomToProxy(zoom,xy); 
//else do nothing and map wont zoom
};

    Wie das funktioniert:

    Für jede Art von Zoomen Aktivität, die OpenLayers-API letztendlich ruft die Funktion, die aufgerufen zoomTo. Also, bevor Sie überschreiben es, wir kopieren Sie die Funktion in eine neue Funktion namens "zoomToProxy'. Die haben wir außer Kraft setzen, und fügen Sie unsere bedingte zoom-Logik. Wenn wir möchten, dass die zoom passieren, wir rufen neue proxy-Funktion 🙂

    • Ich danke Ihnen sehr!!! Es ist erstaunlich, Weg . Danke agan
    InformationsquelleAutor Shaunak
  6. 0

    Könnte man zurücksetzen der controls-array und fügen Sie die Zoom-und TouchNavigation zu.

    var map_controls = [];
map_controls.push( new OpenLayers.Control.Zoom() );
map_controls.push( new OpenLayers.Control.TouchNavigation() );
var map = new OpenLayers.Map({
  div: "map",
  controls: map_controls
});

    Hoffe, es hilft ! 🙂

    InformationsquelleAutor Noémie Kerroux
Schreibe einen Kommentar