地图未在 Firefox 和 ie/edge 上使用 openlayers 3 加载

Map not loaded using openlayers 3 on firefox and ie/edge

本文关键字：openlayers 加载 edge Firefox ie 地图      更新时间：2023-09-26

我正在使用openlayers 3并且有一个平铺图像（不是地理地图），它在chrome中工作得很好，但在Firefox或ie/edge中则不行。我不断收到以下错误：

IndexSizeError: Index or size is negative or greater than the allowed amount

我认为这可能与投影或我没有使用 lan/lat 坐标的事实有关。

这是一个简单的例子（也可以在jsbin上找到）

<!DOCTYPE html>
<html>
  <head>
    <title>XYZ</title>
    <link rel="stylesheet" href="http://openlayers.org/en/v3.13.0/css/ol.css" type="text/css">
    <script src="http://openlayers.org/en/v3.13.0/build/ol.js"></script>
  </head>
  <body>
    <div id="map" class="map" style="width: 500px; height: 500px; border: 1px solid #000;"></div>
    <script>
	
		var map = new ol.Map({
		  target: 'map',
		  layers: [
			new ol.layer.Tile({
			  source: new ol.source.XYZ({
				url: 'http://shimz.me/example/leaflet/image/mother_map/TileGroup0/{z}-{x}-{y}.jpg',
				wrapX: false
			  })
			})
		  ],
		  view: new ol.View({
			center: [0,0],
			zoom: 1
		  })
		});
    </script>
  </body>
</html>

知道如何解决这个问题吗？

所以... 经过长时间的研究，问题是瓷砖大小不相等，在边缘而不是 256x256 有时它是 256xsometing-更小-然后 256

将所有

瓷砖平方到 256x256 后，效果很好！

相关文章：