I came across another problem with the overview-map. It doesn't seem to work like expected when using a permalink. Following url to following html-page does show the control, but not the map. After you changed the mapview by dragging it, the overview-map starts showing.
<br>--------------<br><a href="http://overviewmap_permalink.html?lat=52.95898&lon=105.18302&zoom=4&layers=BTTT">http://overviewmap_permalink.html?lat=52.95898&lon=105.18302&zoom=4&layers=BTTT</a><br>
<br><!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">-->
<br><html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"><br><br><script src="<a href="http://www.openlayers.org/api/OpenLayers.js">http://www.openlayers.org/api/OpenLayers.js
</a>"></script><br></head><br><body><br><div style="width:100%; height:100%; " id="map"></div><br><script defer="defer" type="text/javascript">
<br>var map = new OpenLayers.Map('map', { controls: [] });<br>var metacarta = new OpenLayers.Layer.WMS("Metacarta", "<a href="http://labs.metacarta.com/wms/vmap0">http://labs.metacarta.com/wms/vmap0
</a>", {layers: 'basic'});<br>map.addLayers([metacarta]);<br>var options = {<br> layers: [metacarta.clone()]};<br>map.addControl(new OpenLayers.Control.MouseDefaults());<br>map.setCenter(new OpenLayers.LonLat
(5.69083213, 50.84960511), 15);<br>map.addControl(new OpenLayers.Control.Permalink());<br>map.addControl(new OpenLayers.Control.OverviewMap(options));<br>if (!map.getCenter()) map.zoomToMaxExtent();<br></script><br>
</html><br>----------------------------------<br>I guessed the overview-map doesn't work when the center is not set, and that the permalink unsets the center. But even adding the setCenter after the permalink (which off course breaks the permalink functionality) does not make the overview-map show up. So there must be something else bugging the overview-map.
<br><br>Is there a way to fix the overview-map behavior for permalinked pages (I mean outside the api)?<br><br>(NB: In the <a href="http://openlayers.org/dev/examples/controls.html?lat=5.47119&lon=-5.47119&zoom=6&layers=B0F">
controls example,</a> the overviewmap-control just disappears when the map is permalinked. When, in that script, the controls are added after the layers are added, the control doesn't disappear, but the overview map doesn't show until you drag the map, just like in the example above.)
<br><br><br>Robert.<br><br><div><span class="gmail_quote">On 1/9/07, <b class="gmail_sendername">Robert Buzink</b> <<a href="mailto:post@robertbuzink.nl">post@robertbuzink.nl</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
<span class="q">hi Tim,<br><br>Thanks for the debugging. I know about the adding layers
at once. I have been writing a php class for openlayers. I first added
layers to an array every time a baselayer-var was defined and then
outputed the array in an addlayer-statement at the end of the map, but
noticed that openlayers is a bit picky about the order of statements
(adding controls, adding baselayers, setting center, etc.), so I made
it more modular and less beautiful/efficient.
<br><br>This shows no overviewmap control at all:</span><span><br><span class="q"><br><html><br> <head><br> <title>Test</title><br> <style type="text/css"><br> #map {
<br> width: 512px;
<br> height: 512px;<br> border: 1px solid gray;<br> }<br> </style><br></span></span><span class="q"> <script src="<a href="http://dev.virtualearth.net/mapcontrol/v3/mapcontrol.js" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://dev.virtualearth.net/mapcontrol/v3/mapcontrol.js
</a>" type="text/javascript"><</span><div>/script><br> <script src="<a href="http://www.openlayers.org/api/OpenLayers.js" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://www.openlayers.org/api/OpenLayers.js</a>"></script><span class="q"><span><br>
</head><br> <body><br> <div id="map"></div><br> <script defer="defer" type="text/javascript"><br> var map = new OpenLayers.Map('map');
<br></span></span><span class="q"> var virtualearth = new OpenLayers.Layer.VirtualEarth(<br> "VirtualEarth");</span><span class="q"><span><br> var metacarta = new OpenLayers.Layer.WMS(<br>
"Metacarta",
<br> "
<a href="http://labs.metacarta.com/wms/vmap0" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://labs.metacarta.com/wms/vmap0</a>",<br> {layers: 'basic'});<br></span>
</span>
map.addLayers([virtualearth,metacarta]);<span class="q"><span><br> map.addControl
(new OpenLayers.Control.OverviewMap());<br> map.setCenter(new OpenLayers.LonLat(5.69, 50.85), 15);<br> </script><br> </body><br></html><br><br></span></span>This creates weird behaviour (1. overviewmap-control, but no overview-map. 2. mouse keeps dragging):
<span class="q"><span><br><br><html><br> <head><br> <title>Test</title><br> <style type="text/css"><br> #map {<br> width: 512px;<br> height: 512px;
<br> border: 1px solid gray;<br> }<br> </style><br></span></span><span class="q"> <script src="<a href="http://dev.virtualearth.net/mapcontrol/v3/mapcontrol.js" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://dev.virtualearth.net/mapcontrol/v3/mapcontrol.js
</a>" type="text/javascript"></script><br> <script src="<a href="http://www.openlayers.org/api/OpenLayers.js" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://www.openlayers.org/api/OpenLayers.js
</a>"></script><br></span>
<script src="<a href="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAmbYSvchg-WUKZ1VciMUQehT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTM_U0Wb-HnwWqFxi6YDlhfBryn8w" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAmbYSvchg-WUKZ1VciMUQehT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTM_U0Wb-HnwWqFxi6YDlhfBryn8w
</a>" type="text/javascript"></script><span class="q"><span><br> </head><br> <body><br> <div id="map"></div><br> <script defer="defer" type="text/javascript">
<br> var map = new OpenLayers.Map('map');<br></span></span><span class="q"><span> var google = new OpenLayers.Layer.Google("Google Map");<br> <br></span></span><span class="q"><span>
var metacarta = new
OpenLayers.Layer.WMS(<br> "Metacarta",
<br> "<a href="http://labs.metacarta.com/wms/vmap0" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://labs.metacarta.com/wms/vmap0</a>",<br> {layers: 'basic'});
<br></span></span> map.addLayers([google,metacarta]);<span class="q"><span><br>
map.addControl(new OpenLayers.Control.OverviewMap());<br> map.setCenter(new OpenLayers.LonLat(5.69, 50.85), 15);<br> </script><br> </body><br></html><br><br></span></span><span class="q">
As
you can see, the problem is the baselayer. Whenever it isn't the(/a?)
wms layer, the overviewmap control breaks. Maybe the overviewmapcontrol
should default to the metacarta wms baselayer?
<br><br>I don't know much about the inside of the ol-api, I am just
using the excellent bricks you provide to build a php/mysql
'application' that non-technical users can use and configure. Maybe I
could do something back by releasing the php-class when it is finished
(if there isn't released one already)?
<br><span><br>Robert,</span></span></div>
</blockquote></div><br><br clear="all"><br>-- <br>Robert Buzink, website ontwerp en ontwikkeling<br>Sint-Pietersaalststraat 123<br>9000 Gent<br>+32 (0)9 33 00 267<br>+32 (0)487 548 414<br><a href="mailto:post@robertbuzink.nl">
post@robertbuzink.nl</a><br><a href="http://robertbuzink.nl/webdesign">robertbuzink.nl/webdesign</a>