<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body bgcolor="#ffffff" text="#000000">
<br>
<font face="Verdana"><br>
We found a drawing problems with IE7.<br>
<br>
When we do this methods:<br>
<br>
<br>
var box = new
OpenLayers.Bounds(-9.393635,35.085571,4.369524,43.867627); // left,
bottom,right, top<br>
box.transform(map.displayProjection,map.getProjectionObject());<br>
map.zoomToExtent(box);<br>
<br>
<br>
We see that in firefox is working well. Map is zoom & centered in
this box.<br>
<br>
But in IE7 not.<br>
<br>
See images:<br>
<br>
with firefox:<br>
<a class="moz-txt-link-freetext"
href="http://img151.imageshack.us/img151/1327/mozscreenshot41.jpg">http://img151.imageshack.us/img151/1327/mozscreenshot41.jpg</a><br>
</font><br>
<br>
with IE7:<br>
<a class="moz-txt-link-freetext"
href="http://img151.imageshack.us/img151/2310/mozscreenshot42.jpg">http://img151.imageshack.us/img151/2310/mozscreenshot42.jpg</a><br>
<br>
<br>
<br>
<br>
You can see that at first load of this page is seen this (gphy is not
well placed, only are loaded half of the inside tiles and the map seems
not well placed), but if you move the map in IE7 then this effect
desappear and work well. Only happend onload.<br>
<br>
I tryied to change the parameteres option of loaded layers but still
happends.<br>
<br>
Here are the loaded layers & options.<br>
<br>
<pre id="line1">var options = {
eventListeners: {
"moveend": mapEvent,
"zoomend": mapEvent
},
projection: new OpenLayers.Projection("EPSG:900913"),
displayProjection: new OpenLayers.Projection("EPSG:4326"),
units: "m",
numZoomLevels: 18,
maxResolution: 156543.0339,
maxExtent: new OpenLayers.Bounds(-20037508, -20037508,
20037508, 20037508.34),
controls: []
};
map = new OpenLayers.Map("map", options);
//control elements to be added
map.addControl(new OpenLayers.Control.MousePosition());
map.addControl(new OpenLayers.Control.PanZoomBar());
map.addControl(new OpenLayers.Control.KeyboardDefaults());
map.addControl(new OpenLayers.Control.ScaleLine());
map.addControl(new OpenLayers.Control.LayerSwitcher());
//basic VMap0 layer
var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS",<a
moz-do-not-send="true" class="moz-txt-link-rfc2396E"
href="http://labs.metacarta.com/wms/vmap0?">"http://labs.metacarta.com/wms/vmap0?"</a>, {layers: 'basic'} );
var aStyleMap = new OpenLayers.StyleMap();
aStyleMap.addUniqueValueRules("default", "visibility", {'visible':{fillColor: "#ff7a7a", strokeColor: "#ff0000"}});
aStyleMap.addUniqueValueRules("default", "zindex", {"low":{graphicZIndex: 50}, "high":{graphicZindex: 100}});
var gmap = new OpenLayers.Layer.Google("Google Streets",{'sphericalMercator': true} );
var gsat = new OpenLayers.Layer.Google("Google Satellite",{type: G_SATELLITE_MAP, 'sphericalMercator': true, numZoomLevels: 22});
var ghyb = new OpenLayers.Layer.Google("Google Hybrid",{type: G_HYBRID_MAP, 'sphericalMercator': true});
var gphy = new OpenLayers.Layer.Google("Google Physical",{type: G_PHYSICAL_MAP, 'sphericalMercator': true});
</pre>
<br>
</body>
</html>