【问题原因】服务预览和桌面地图效果不一致是由于浏览器和桌面渲染机制不一样导致,在桌面加载地图服务和原始地图效果一致。该问题主要是是由于电脑分辨率设置大于100%时,浏览器会根据设置的分辨率去放大瓦片,瓦片放大后就显得模糊。
【解决办法】将电脑分辨率调整为100%后加载瓦片正常;如不像调整电脑分辨率,则需要在前端进行设置以100%进行加载,实现方法比较多可根据实际情况去选择,例如:
const dpr = window.devicePixelRatio || 1;
const viewport = document.querySelector('meta[name="viewport"]');
viewport.setAttribute('content', `width=device-width, initial-scale=${1/dpr}, maximum-scale=${1/dpr}, minimum-scale=${1/dpr}, user-scalable=no`);