OpenLayers 3 地图在 IE9 中非常慢
OpenLayers 3 Map is awfully slow in IE9
我有一个 OL3 地图,其中包含一个带有 XYZ 源的图块层。在 IE10+ 和其他浏览器(即 Chrome 和 Firefox)中性能很好,但在 IE9 中它真的非常慢。我尝试使用 DOM 渲染器而不是 Canvas 但这没有帮助。根据文档,应该支持 IE9,所以我有点卡在这里。我的地图构造如下:
<script>
var _maxExtent = [-20000000.000000, -9500000.000000, 20000000.000000, 14500000.000000];
var map = new ol.Map({
layers: [
new ol.layer.Tile({
extent: _maxExtent,
source: new ol.source.XYZ({
url: "http://myserver/map/z{z}/row{y}/{z}_{x}-{y}.jpg"
})
})
],
view: new ol.View({
center: [0, 2500000],
resolutions: [
39135.758475,
19567.8792375,
9783.93961875,
4891.969809375,
2445.9849046875,
1222.99245234375,
611.496226171875
],
zoom: 0,
extent: _maxExtent
}),
target: document.getElementById("mymap")
});
</script>
我错过了什么吗?有没有办法提高性能?任何帮助将不胜感激。
编辑: 原来问题是由测试机器 运行 IE9 而不是 OpenLayers 引起的。在不同的环境中表现良好。
事实证明,不是 OpenLayers,而是我的测试机器 运行 IE9 导致了性能问题。将测试切换到不同的环境在这里成功了,所以问题解决了:)
我有一个 OL3 地图,其中包含一个带有 XYZ 源的图块层。在 IE10+ 和其他浏览器(即 Chrome 和 Firefox)中性能很好,但在 IE9 中它真的非常慢。我尝试使用 DOM 渲染器而不是 Canvas 但这没有帮助。根据文档,应该支持 IE9,所以我有点卡在这里。我的地图构造如下:
<script>
var _maxExtent = [-20000000.000000, -9500000.000000, 20000000.000000, 14500000.000000];
var map = new ol.Map({
layers: [
new ol.layer.Tile({
extent: _maxExtent,
source: new ol.source.XYZ({
url: "http://myserver/map/z{z}/row{y}/{z}_{x}-{y}.jpg"
})
})
],
view: new ol.View({
center: [0, 2500000],
resolutions: [
39135.758475,
19567.8792375,
9783.93961875,
4891.969809375,
2445.9849046875,
1222.99245234375,
611.496226171875
],
zoom: 0,
extent: _maxExtent
}),
target: document.getElementById("mymap")
});
</script>
我错过了什么吗?有没有办法提高性能?任何帮助将不胜感激。
编辑: 原来问题是由测试机器 运行 IE9 而不是 OpenLayers 引起的。在不同的环境中表现良好。
事实证明,不是 OpenLayers,而是我的测试机器 运行 IE9 导致了性能问题。将测试切换到不同的环境在这里成功了,所以问题解决了:)