<div>Hi all,</div><div><br></div><div>I'm sure there's a something elementary that I'm missing here, but I can't seem to figure this out...</div><div><br></div><div>I'm trying to set up a simple map centered on specific lon lat. The error provided by chrome is that it can't call method 'containslatlon' of null. I'm not sure what I'm doing wrong here, but the script gives me the map and control, but no layers. thanks in advance.</div>
<div><br></div><div><!DOCTYPE html ></div><div><html></div><div><head></div><div><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></div><div><style></div>
<div>#map{</div><div><span class="Apple-tab-span" style="white-space:pre">        </span>width: 400px;</div><div><span class="Apple-tab-span" style="white-space:pre">        </span>height: 400px;</div><div><span class="Apple-tab-span" style="white-space:pre">        </span>}</div>
<div></style></div><div><br></div><div><script type="text/javascript" src="<a href="http://maps.google.com/maps/api/js?sensor=true">http://maps.google.com/maps/api/js?sensor=true</a>"></script></div>
<div><script src="OpenLayers-2.11-rc1/OpenLayers.js" type="text/javascript"></script></div><div><script src="modernizr-1.7.min.js" type="text/javascript"></script></div>
<div><script src="<a href="http://www.openstreetmap.org/openlayers/OpenStreetMap.js">http://www.openstreetmap.org/openlayers/OpenStreetMap.js</a>"></script></div><div> <script type="text/javascript"></div>
<div> // <![CDATA[</div><div><span class="Apple-tab-span" style="white-space:pre">                </span>function initGIS(){</div><div><span class="Apple-tab-span" style="white-space:pre">                </span>//Map</div><div><span class="Apple-tab-span" style="white-space:pre">                </span>var map= new OpenLayers.Map('map',</div>
<div><span class="Apple-tab-span" style="white-space:pre">                </span>{</div><div><span class="Apple-tab-span" style="white-space:pre">                        </span>controls:[</div><div><span class="Apple-tab-span" style="white-space:pre">                        </span>new OpenLayers.Control.Navigation(),</div>
<div><span class="Apple-tab-span" style="white-space:pre">                        </span>new OpenLayers.Control.PanZoomBar(),</div><div><span class="Apple-tab-span" style="white-space:pre">                        </span>new OpenLayers.Control.LayerSwitcher(),</div>
<div><span class="Apple-tab-span" style="white-space:pre">                        </span>new OpenLayers.Control.Attribution(),</div><div><span class="Apple-tab-span" style="white-space:pre">                        </span>new OpenLayers.Control.ScaleLine()],</div>
<div><span class="Apple-tab-span" style="white-space:pre">                        </span>sphericalMercator: true,</div><div> <span class="Apple-tab-span" style="white-space:pre">                </span>maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),</div>
<div> <span class="Apple-tab-span" style="white-space:pre">                </span>maxResolution: 156543.0399,</div><div> <span class="Apple-tab-span" style="white-space:pre">                </span>numZoomLevels: 19,</div><div> <span class="Apple-tab-span" style="white-space:pre">                </span>units: 'm',</div>
<div>// <span class="Apple-tab-span" style="white-space:pre">                </span>projection: new OpenLayers.Projection("EPSG:900913"),</div><div>// <span class="Apple-tab-span" style="white-space:pre">                </span>displayProjection: new OpenLayers.Projection("EPSG:4326")</div>
<div><span class="Apple-tab-span" style="white-space:pre">                </span>}</div><div><span class="Apple-tab-span" style="white-space:pre">                </span>);</div><div><span class="Apple-tab-span" style="white-space:pre">                </span></div>
<div><span class="Apple-tab-span" style="white-space:pre">                </span>//Google BaseLayer<span class="Apple-tab-span" style="white-space:pre">        </span></div><div>var mapnik = new OpenLayers.Layer.OSM();</div><div> map.addLayers(mapnik);</div>
<div>//<span class="Apple-tab-span" style="white-space:pre">                </span>var google_map = new OpenLayers.Layer.Google('Google Maps',{});</div><div><span class="Apple-tab-span" style="white-space:pre">        </span> var markers=new OpenLayers.Layer.Markers("Markers");</div>
<div><span class="Apple-tab-span" style="white-space:pre">                </span>map.addLayers(mapnik, markers);</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre">                </span>map.setCenter(</div><div> <span class="Apple-tab-span" style="white-space:pre">        </span>new OpenLayers.LonLat(38.65, -90.72).transform(new OpenLayers.Projection("EPSG:4326"),new OpenLayers.Projection("EPSG:900913")</div>
<div> <span class="Apple-tab-span" style="white-space:pre">        </span>), 12</div><div><span class="Apple-tab-span" style="white-space:pre">                </span>);</div><div><span class="Apple-tab-span" style="white-space:pre">                </span>}</div>
<div><span class="Apple-tab-span" style="white-space:pre">                </span>//]]></div><div></script></div><div></head></div><div><body onLoad="initGIS()"></div><div><div id="map"></div></div>
<div></body></div><div></html></div><div><br></div>