Question

I have an Openlayers 2.11 map displayed in an Iframe. It works fine in IE and Firefox. In Chrome the layers are misaligned. This is easily reproduced with the Openlayers examples. Create an aspx page like this (below). Once loaded, pan the map by dragging. It behaves as expected in IE and Firefox. In Chrome, the layer moves independently. This happens regardless of whether I set sphericalMercator=true on the layer (I have the example locally). If the example is NOT in an Iframe, then it works correctly. It is important that I can run the map in an Iframe.

任何建议都得到赞赏。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">

    <div style="float:right;width:800px;height:600px">
        <iframe runat="server" frameborder="0" src="http://openlayers.org/dev/examples/vector-features.html" width="100%" height="100%"></iframe>
    </div>
    </form>
</body>
</html>

Answer 1

问题在此阐述:

http://code.google.com/p/ala-zencience/issues/detail?id=6"rel=“nofollow”http://code.google.com/p/ala-zencience/issues/detail?id=6

The solution is to have your own version of OpenLayers iii some minor changes (jQuery is required): Search for:

renderers:[ SVG , VML , Canvas ]

修改:

renderers:(jQuery.browser.webkit?[ Canvas , VML ]:[ SVG , Canvas , VML ])

(如果将开放式律师的法典降至最低程度,这是符合多项指示的很长一段时期的一部分)

如果你使用露天图像和风格,而且你想保持这些形象,你也应改变:

<if OpenLayers 2.11:

return(function(){return l;})

iii

return(function(){return "http://www.openlayers.org/api/";})

<if OpenLayers 2.10:

var scriptLocation;

iii

var scriptLocation = "http://www.openlayers.org/api/";

友情链接