1

モバイル HTML5 アプリケーションで Leaflet JS と Cloudmade を使用しています。残念ながら、網膜サポートを機能させることができません。

この URL を使用して、クラウド製 API にアクセスします。

var url = 'http://{s}.tile.cloudmade.com/{key}/{style}@2x/256/{z}/{x}/{y}.png?token={token}';

My key、styleおよびtokenは正しい値に置き換えられます。

私のリーフレット マップ レイヤーでは、次の単純な構成を使用します。

L.tileLayer(url, {
        detectRetina: true
      }).addTo(map);

残念ながら、結果は本当に奇妙に見えます。タイルの位置がおかしい

タイルとそれらの位置に問題があるようです。

フラグを削除するdetectRetinaと、ブラウザで正しい結果が得られます 正しい位置

しかし、ご覧のとおり、両方のソリューションは私の Retina ディスプレイ (Mac Book Pro) では鮮明ではありません。

誰かがこれを機能させましたか？

ありがとう！

4

1 に答える 1