OSM层模糊答案

【问题标题】：OSM layer is blurryOSM层模糊
【发布时间】：2017-08-28 20:09:54
【问题描述】：

如果我将 osm 层添加到我的页面，它会变得模糊。有人可以帮我解决这个问题吗？我已经尝试过 OL3 的基本教程 http://openlayers.org/en/latest/examples/reprojection-wgs84.html

所以我的代码完全一样，我使用的是 Xampp，但仍然没有好的结果。有什么建议吗？

谢谢

【问题讨论】：

标签： openstreetmap openlayers-3

【解决方案1】：

它很模糊，而且会很模糊，因为您正在使用重投影 - 您正在重新缩放图块（图片）。

没有重新缩放的相同示例很清晰：

var map = new ol.Map({
  layers: [
    new ol.layer.Tile({
      source: new ol.source.OSM()
    })
  ],
  target: 'map',
  view: new ol.View({
    projection: 'EPSG:3857',
    center: [0, 0],
    zoom: 2
  })
});

如果您确实需要 4326 中的切片并希望它们清晰，您需要使用（创建您自己的）服务器，该服务器将在此投影中提供切片...或者切换为某种矢量格式（mbtiles）。

【讨论】：

对不起，我的错误，我使用的不是 4326 而是 3857。我的代码与您的答案相同，但它并不清晰，这就是我不明白的原因！我不知道问题出在哪里。

【解决方案2】：

我发现了问题。这与我的互联网浏览器的缩放有关。因此，如果我将地图的像素比设置为 1，则可以解决问题。

var map = new ol.Map({  
        pixelRatio: 1, ...});

【讨论】：