こんにちは。マップにポップアップがあり、高さ 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 を配置することだけです。