将OpenLayers.Popup移动到10像素并保留15像素？

Question

下午好，我在地图上有一个弹出窗口，我只想向左移动10个像素高和15个像素，问题是，当您在经度和纬度上更改其位置时，完全位于另一个位置，我从标记放大，我想要的只是移动到新的位置，无论变焦，始终保持在标记之上。

var size = new OpenLayers.Size(21,25); 
var offset = new OpenLayers.Pixel(-(size.w/2), -size.h); 
var icon = new OpenLayers.Icon('/openlayers/img/marker.png',size,offset); 
var lonlat = new OpenLayers.LonLat(long,lat); 
var proj_1 = new OpenLayers.Projection("EPSG:4326"); 
var proj_2 = new OpenLayers.Projection("EPSG:900913"); 
var EPSG = lonlat.transform(proj_1,proj_2); 
var marker = new OpenLayers.Marker(EPSG, icon); 
markers.addMarker(marker); 
marker.events.register("click", marker, function(e){ // on click popup 
    var popup = new OpenLayers.Popup.FramedCloud(id, 
       marker.lonlat, 
       new OpenLayers.Size(200,200), 
       '<div class="popup">info example</div>', 
       null,true); 
    map.addPopup(popup); 
}); 
var labelepopup = new OpenLayers.Popup(null, 
    EPSG, 
    new OpenLayers.Size(37,13), 
    '<p style="font-size: 8.5px;">always info</p>' 
); 
map.addPopup(labelepopup); 

标记为labelepopup的弹出窗口出现了，我只想要容纳标记上面的labelepopup。

Answer 1

您可以使用getPixelFromLonLat地图功能从经度和纬度中获取确切的像素，然后使用返回的Pixel对象添加或移除所需的像素。然后您可以使用moveTo弹出式功能更改弹出式位置，该功能需要一个Pixel对象。

事情是这样的：

var pixel = map.getPixelFromLonLat(popup.lonlat); //or use another OpenLayers.LonLat object 
pixel.x += DESIRED_X_AMOUNT; 
pixel.y += DESIRED_Y_AMOUNT; 
popup.moveTo(pixel);