<span class="Apple-style-span" style>I am trying to load a basemap and layers into a 696x425 frame. The map won't appear in the center of the frame, it appears centered low and to the left. I can drag the map into the correct location, but I would prefer it just appear there. Any suggestions?<div>
</div><div>my script:</div><div><br></div><div><div> <div style="width:696px; height: 425px; border: 1px solid;" id="map"></div></div><div> <script defer="defer" type="text/javascript"></div>
<div> var options = {</div><div> maxExtent: new OpenLayers.Bounds(0,0,1410,913),</div><div> maxResolution: "auto"</div><div> };</div><div> var map = new OpenLayers.Map('map',options);</div>
<div> var base = new OpenLayers.Layer.Image("Basemap",</div><div> "newestbasemap.gif",</div><div> new OpenLayers.Bounds(0,0,1410,913),</div><div> new OpenLayers.Size(1410,913),</div>
<div> {isBaseLayer: true}</div><div> );</div><div> var ice = new OpenLayers.Layer.Image("Freezing Level",</div><div> "pt3.gif",</div><div> new OpenLayers.Bounds(0,0,1410,913),</div>
<div> new OpenLayers.Size(1410,913),</div><div> {isBaseLayer: false,</div><div> visibility: false,</div><div> opacity: 0.80}</div><div> );</div><div> var wind = new OpenLayers.Layer.Image("Wind Speed",</div>
<div> "pt3windspd.gif",</div><div> new OpenLayers.Bounds(0,0,1410,913),</div><div> new OpenLayers.Size(1410,913),</div><div> {isBaseLayer: false,</div><div> visibility: false,</div>
<div> opacity: 0.60}</div><div> );</div><div> var turb = new OpenLayers.Layer.Image("Turbulence",</div><div> "pt3turb.gif",</div><div> new OpenLayers.Bounds(0,0,1410,913),</div>
<div> new OpenLayers.Size(1410,913),</div><div> {isBaseLayer: false,</div><div> visibility: false,</div><div> opacity: 0.60}</div><div> );</div></div><div><div>
map.addLayers([base, ice, wind, turb]);</div><div> map.setCenter(new OpenLayers.LonLat(705,456));</div><div> map.zoomToMaxExtent();</div><div> map.addControl(new OpenLayers.Control.LayerSwitcher());</div>
<div><br></div><div> </script></div></div></span>