Openlayers 3: So stellen Sie das Rendern von Karten sicher

Question

Ich muss Pfeilfunktionen erstellen, um Geschwindigkeitsfelder anzuzeigen. Das Problem ist, dass ich Point-Geometrien mit einer externen Ajax-Funktion lade und sie manipuliere, um vor dem Rendern der Ebene eine Linestring-Schicht zu erstellen. Das Problem, das ich habe, entsteht, wenn ich mit der Methode getPixelFromCoordinate() von Pixel zu geographischen Koordinaten umwandeln muss. Dies geschieht, und kann leicht mit dem folgenden Code wiedergegeben werden, die nur die Methode ruft den Koordinaten inmediately nach der Karte Objekterstellung zu transformieren:

function init() { 

    var map = new ol.Map({ 
    layers: [ new ol.layer.Tile({ source: new ol.source.OSM() }) ], 
    target: 'map', 
    view: new ol.View({center: [0, 0], zoom: 2 }) 
    }); 

    var kk = map.getPixelFromCoordinate([0,0]); 
    console.log(kk); 
} 

Der Rückgabewert ist null. aber wenn ich die Karte Rendering erzwingen, bevor die Transformation aufrufen, ist die Ausgabe korrekt

map.renderSync(); 
var kk = map.getPixelFromCoordinate([0,0]); 
console.log(kk); 

In diesem Fall wird die Ausgabe korrekt ist: [500, 235] Kann mir jemand erklären, wenn dies ein erwartetes Verhalten und/oder wenn es eine ist alternative Möglichkeit, das zu tun?, Danke!

Answer 1

Versuchen Sie, diese Veranstaltung zu der Schicht hinzugefügt:

tileLayer.on('postcompose', function(e) { 
    if (tileLayer.getVisible()) { 
     var kk = map.getPixelFromCoordinate([0,0]); 
     console.log(kk); 
    } 
});