Javascript OpenLayers大型静态图像不会显示在移动浏览器中
我正在使用OpenLayers下面的代码来查看以下尺寸为43000px 4000px，10mb的静态图像。在计算机的浏览器中，图像正常显示，但移动浏览器不会显示图像。你能告诉我该怎么解决这个问题吗Javascript OpenLayers大型静态图像不会显示在移动浏览器中,javascript,image,mobile,static,openlayers,Javascript,Image,Mobile,Static,Openlayers,我正在使用OpenLayers下面的代码来查看以下尺寸为43000px 4000px，10mb的静态图像。在计算机的浏览器中，图像正常显示，但移动浏览器不会显示图像。你能告诉我该怎么解决这个问题吗 <html> <head> <meta charset="utf-8"> <title>Sistema de Solicitação de Acesso (SSA) - Alternativo</title> <li
<html>
<head>
<meta charset="utf-8">
<title>Sistema de Solicitação de Acesso (SSA) - Alternativo</title>
<link rel="stylesheet" href="https://openlayers.org/en/v3.20.1/css/ol.css" type="text/css">
<!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?
features=requestAnimationFrame,Element.prototype.classList,URL">
</script>
<script src="https://openlayers.org/en/v3.20.1/build/ol.js"></script>
<style>
.map {
width: auto;
height: 500px;
border: 5px outset black;
border-radius: 20px;
}
</style>
</head>
<body>
<div id="map" class="map"></div>
<script>
var extent = [0, 0, 50000, 1900];
var projection = new ol.proj.Projection({
code: 'xkcd-image',
units: 'pixels',
extent: extent
});
var map = new ol.Map({layers: [
new ol.layer.Image({
source: new ol.source.ImageStatic({
attributions: 'Criado por: Givanildo Silva de Amorim',
url: 'https://i.ibb.co/GHCdx84/Linhas-7-8-9-10-11-12-13.png',
projection: projection,
imageExtent: extent
})
})
],
target: 'map',
view: new ol.View({
projection: projection,
center: [1600, 900],
zoom: 7,
maxZoom: 14
})
});
</script>
</body>
</html
阿塞索征集系统（SSA）-备选方案
.地图{
宽度：自动；
高度：500px；
边框：5px黑色；
边界半径：20px；
}
var范围=[0,0,50000,1900]；
var投影=新的ol.proj.projection({
代码：“xkcd图像”，
单位：'像素'，
范围：范围
});
var map=新的ol.map（{层：[
新ol.layer.Image({
来源：new ol.source.ImageStatic({
属性：“Criado por:Givanildo Silva de Amorim”，
网址：'https://i.ibb.co/GHCdx84/Linhas-7-8-9-10-11-12-13.png',
投影：投影，
imageExtent：范围
})
})
],
目标：“地图”，
视图：新ol.view({
投影：投影，
中心：[1600900]，
缩放：7，
最大缩放：14
})
});
它适用于Chrome，但不适用于Firefox。您不使用最新版本（6.4.3）有什么原因吗？您的画布使用达到了浏览器的极限。6400 x 12000像素的图像将在OpenLayers 6（在Windows PC上使用Chrome）中引起类似的问题。如果你需要这样一幅高分辨率的图像，你应该把它切成瓦片，否则就减小图像的大小。它可以在Chrome上使用，但不能在Firefox上使用。您不使用最新版本（6.4.3）有什么原因吗？您的画布使用达到了浏览器的极限。6400 x 12000像素的图像将在OpenLayers 6（在Windows PC上使用Chrome）中引起类似的问题。如果你需要这样一个高分辨率的图像，你应该把它切成瓦片，否则就减小图像的大小。