OpenLayers マップに問題が 1 つあります。マップ上のマーカーをクリックするとポップアップが表示されますが、他のマーカーはこのポップアップの上に表示されたままです。
これを正しい方法で行うにはどうすればよいですか?
fromProjection = new OpenLayers.Projection("EPSG:4326");
toProjection = new OpenLayers.Projection("EPSG:900913");
markers = new OpenLayers.Layer.Markers( "Markers" );
markers.events.register('mouseover', markers, function(evt) {
popup = new OpenLayers.Popup.FramedCloud("Popup",
new OpenLayers.LonLat(Tlon,Tlat).transform( fromProjection, toProjection),
null,
'<span style="z-index:99999;background:red;">sdf</span>',
null,
false);
map.addPopup(popup);
});
markers.events.register('mouseout', markers, function(evt) {popup.hide();});
map.addLayer(markers);
markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(Tlon,Tlat).transform( fromProjection, toProjection),icon));