2012-03-24 17 views
0

OpenLayers.Layer.Imageを使用してマップに私たちの独自の.PNG画像を表示しました。[OpenLayer]:画像レイヤー上にマーカーが表示されない

また、この.PNG画像上にマーカーを表示するために、私はOpenLayers.Layer.Markersレイヤーを使用しました。いいえ...この問題を解決するために苦労したが....画像層は、マーカー層を隠しているようだ

imageLayer = new OpenLayers.Layer.Image("Image Raster","http://www.texturewarehouse.com/gallery/photos/21/thb_1215634405-21.jpg", bounds,new OpenLayers.Size(500,500),{isBaseLayer:true}); 


markersLayer = new OpenLayers.Layer.Markers("Markers"); 
map = new OpenLayers.Map('map'); 
map.addLayer(markersLayer); 
map.addLayer(imageLayer); 
map.setCenter(new OpenLayers.LonLat(1,1).transform(            new OpenLayers.Projection("EPSG:4326"),            map.getProjectionObject())); 

var location = new OpenLayers.LonLat(90,20); 
var size = new OpenLayers.Size(25,35); 
var offset = new OpenLayers.Pixel(90, 23); 
var icon = new OpenLayers.Icon('http://www.openlayers.org/dev/img/marker.png',size,offset); 

markersLayer.addMarker(new OpenLayers.Marker(location,icon.clone())); 

問題は、そのマーカーが.PNG画像の上に表示されません。これです:

は私のコードです解決策は....私は月曜日にこれを実現するために持っているように私を助けてください....おかげで事前に多く、

Gajendra

答えて

0

私はあなたの例を試してみましたが、説明した問題に直面していませんでした。ほとんどすべての変更はほとんど問題なく動作します。私のソースコードを参照してください:http://pastie.org/3669443