天地图在移动端比较模糊，在pc端则不会，这咋解？

阅读提示：本文共计约1477个文字，预计阅读时间需要大约4分钟，由作者office激活码编辑整理创作于2023年11月06日14时21分28秒。

这个问题主要是由于移动浏览器的视口（viewport）问题导致的。在移动端浏览器如果不控制 viewport，页面的 1px 可能是屏幕几个像素，这就是模糊的原因。为了解决这个问题，我们可以通过以下方法来提高图片在移动端的清晰度：

1. 图片不要用1：1比例的图，用2X的图，这样的话看起来就很清晰了。
2. 在OpenLayers中，可以通过设置无级缩放来解决模糊问题。只需要关闭无级缩放，具体代码如下：

let view = new View({
projection: 'EPSG:4326',
center: [116.39883235959466, 39.899335141866445],
zoom: 7,
maxZoom:18,
minZoom:1,
//1.设置缩放级别为整数
constrainResolution: true,
//2.关闭无级缩放地图
smoothResolutionConstraint: false,
})

解决天地图在移动端模糊的方法主要包括使用2X的图片和关闭无级缩放。