<div>Hi all,</div><div><br></div><div>I&#39;m sure there&#39;s a something elementary that I&#39;m missing here, but I can&#39;t seem to figure this out...</div><div><br></div><div>I&#39;m trying to set up a simple map centered on specific lon lat. The error provided by chrome is that it can&#39;t call method &#39;containslatlon&#39; of null. I&#39;m not sure what I&#39;m doing wrong here, but the script gives me the map and control, but no layers. thanks in advance.</div>
<div><br></div><div>&lt;!DOCTYPE html &gt;</div><div>&lt;html&gt;</div><div>&lt;head&gt;</div><div>&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;</div><div>&lt;style&gt;</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>&lt;/style&gt;</div><div><br></div><div>&lt;script type=&quot;text/javascript&quot; src=&quot;<a href="http://maps.google.com/maps/api/js?sensor=true">http://maps.google.com/maps/api/js?sensor=true</a>&quot;&gt;&lt;/script&gt;</div>
<div>&lt;script src=&quot;OpenLayers-2.11-rc1/OpenLayers.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;</div><div>&lt;script src=&quot;modernizr-1.7.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;</div>
<div>&lt;script src=&quot;<a href="http://www.openstreetmap.org/openlayers/OpenStreetMap.js">http://www.openstreetmap.org/openlayers/OpenStreetMap.js</a>&quot;&gt;&lt;/script&gt;</div><div> &lt;script type=&quot;text/javascript&quot;&gt;</div>
<div>        // &lt;![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(&#39;map&#39;,</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: &#39;m&#39;,</div>
<div>//  <span class="Apple-tab-span" style="white-space:pre">                </span>projection: new OpenLayers.Projection(&quot;EPSG:900913&quot;),</div><div>//  <span class="Apple-tab-span" style="white-space:pre">                </span>displayProjection: new OpenLayers.Projection(&quot;EPSG:4326&quot;)</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(&#39;Google Maps&#39;,{});</div><div><span class="Apple-tab-span" style="white-space:pre">        </span>    var markers=new OpenLayers.Layer.Markers(&quot;Markers&quot;);</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(&quot;EPSG:4326&quot;),new OpenLayers.Projection(&quot;EPSG:900913&quot;)</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>//]]&gt;</div><div>&lt;/script&gt;</div><div>&lt;/head&gt;</div><div>&lt;body onLoad=&quot;initGIS()&quot;&gt;</div><div>&lt;div id=&quot;map&quot;&gt;&lt;/div&gt;</div>
<div>&lt;/body&gt;</div><div>&lt;/html&gt;</div><div><br></div>