如何移動與縮放級別無關的彈出位置？

Question

假設你有一個標記層和鼠標懸停顯示彈出式窗口的事件偵聽器，像

var hints = new OpenLayers.Control.SelectFeature(wplayer, { 
    hover: true, 
    eventListeners: { 
    featurehighlighted: function(event) { 
     var feature = event.feature; 
     popup = new OpenLayers.Popup(null, 
     feature.geometry.getBounds().getCenterLonLat().add(3000, 3000), 
     new OpenLayers.Size(200,10), 
     feature.attributes.name, false, null); 
     ... 

到目前爲止是這種情況 - 和add(3000, 3000)轉移位置好嗎。但是我想要將其與當前縮放級別無關地以相同數量的像素進行移位。這樣實際的標記不會被彈出窗口阻止。

這意味着我必須將像（+ 15px，+ 15px）這樣的翻譯轉換爲當前顯示的開放層座標系。在僞代碼：

feature.geometry.getBounds().getCenterLonLat().add(Pixels(15,15).toMap()) 

任何想法如何使用openlayers方法做到這一點？

Answer 1

有：

• getViewPortPxFromLonLat()
• getLonLatFromViewPortPx()

有了這些功能，我們可以計算翻譯是這樣的：

var ll = feature.geometry.getBounds().getCenterLonLat(); 
var px = map.getViewPortPxFromLonLat(ll, 72); 
px = px.add(15, -15); 
ll = map.getLonLatFromViewPortPx(px); 
... 
popup = new OpenLayers.Popup(null, ll, ...); 

可能，還有一種方法查詢當前的視口/屏幕分辨率（abov我只用72）。