リーフレットを使用したRetinaディスプレイを使用したiPhone 4でのOpenStreetMapマップの表示

これまで、最新のiPhone 4携帯電話でLeafletエンジンの フルスクリーンサンプルを実行できた人は、常に新しいiPhone解像度640×960で次のOpenStreetMapカードを受け取りました。







ご覧のとおり、ベクトルハイパーテキスト（地図上の署名）は、ラスターテキスト（地図上の碑文）や地図上の道路の輪郭よりも品質が大幅に向上しています。 これは、Retinaディスプレイのラスターイメージがデフォルトで2×2の実（物理）ピクセルの正方形で構成されているためです-したがって、ラスターテキストは角度があり、道路のパスは階段状になります。



今日、この状況は良くなっています。



今日、 会葬者は私がLeafletで書いたjavascriptを導入しました。これはwindow.devicePixelRatio の値をチェックし 、 Retinaディスプレイで4倍小さい（4倍小さい）マップタイルの使用を開始します。 （256×256タイルは、網膜ディスプレイの256×256物理ピクセルである128×128の従来のピクセルに縮小されます。）



私のjavascriptはデフォルトでは機能しないように構成されていますが、タイルレイヤーの作成時にdetectRetinaパラメーターがtrueに設定されている場合のみです。 実際には、2倍の鮮明な銘刻文字が同時に2倍小さくなります。これはすべてのレイヤーから遠く離れて便利です。



たとえば、アプリケーションの未書き込みのスペースイメージまたはラベルのないマップのレイヤー上に個別のラベルのレイヤーがある場合（たとえば、特定のユーザーの書き言葉の下でローカライズされる場合）、スペースイメージタイル（および道路の輪郭が極端に薄くない場合はマップタイル）を簡単に削減できます）、明確さを増すと同時に、碑文が半分になったときに、明確ではあるが過度に読みにくくなる場合は、碑文に触れないようにします。



優れた哀 ner 者 ovマップエンジンのこの改善が誰かに役立つことを願っています。