OSMレイヤーがぼやけています

Question

私のページにosmレイヤーを追加するとぼやけてしまいます。この問題を解決するのに役立つ人もいますか？私はOL3からの基本的なtutoを試してきました。

私のコードはまったく同じですし、私はXamppを使用していますが、まだ良い結果はありません。なにか提案を？

おかげ

Answer 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）に切り替えます。

Answer 2

問題が見つかりました。それは私のインターネットブラウザのズームと関係がある。ですから、マップのピクセル比率を1に設定すると、問題が修正されます。

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