Open Layer-> Tileのシンプルプログラム。画像が機能しない

Question

私はマップを開発するために"Open Layer"を使用しています。

以下

は私のプログラムですが、それは私にエラー与えている：「***キャッチされない例外TypeErrorを：ヌルの 『containsLonLat』メソッド

を呼び出すことはできません***」

<script src="/OpenLayers-2.11/OpenLayers.js" type="text/javascript"></script> 

<div style="width:100%; height:100%" id="map"></div> 

<script type="text/javascript"> 

//map created 
var map = new OpenLayers.Map('map'); 

//Vector layer created 
var vectorLayer = new OpenLayers.Layer.Vector("Overlay",{isBaseLayer:false}); 

var size=OpenLayers.Size(500,500); 

bounds = new OpenLayers.Bounds(); 
bounds.extend(new OpenLayers.LonLat(4,5)); 
bounds.extend(new OpenLayers.LonLat(5,6)); 

imageTile=OpenLayers.Tile.Image(vectorLayer,new OpenLayers.Pixel(12,35),bounds,'http://www.bigfoto.com/themes/nature/landscapes/kosamui-thailand_small.JPG',size); 

map.addLayer(vectorLayer); 

var proj = new OpenLayers.Projection("EPSG:4326"); 
var point = new OpenLayers.LonLat(-71, 42); 
point.transform(proj, map.getProjectionObject()); 

map.setCenter(point,3); 
map.zoomToMaxExtent(); 

</script> 

で間違っているものを私に修正してくださいこのプログラムは皆さんに感謝しています。

Gajendra

Answer 1

私は同様の問題を持っていた、と私は私のベース層を指定する必要がありました。

... 
map.addLayer(vectorLayer); 
map.setBaseLayer(vectorLayer); 
...