javascript - Leaflet.js のマップレイヤーが表示されない - なぜですか?

Question

簡単な質問があります。お役に立てば幸いです。私はマップを作成しようとしていますが、Leaflet.js は、開発者以外がプロットしたいデータを説明するための簡単な方法を提供すると考えました。

ここで結果を見ることができます：

データポイントは必要に応じて配置されますが、基になるマップは表示されません。誰でも理由がわかりますか？

API キーを取得しましたが、マップレイヤーが読み込まれないようです。

私は何を間違えましたか？

よろしく

デビッド

score 2 · Accepted Answer

下にあるマップは描画されていますが、タイルが混同されています。(マップをズームアウトすると、これを確認できます。) CloudMade URL のタイリングパラメータを混同しました。あなたが持っている：

http://{s}.tile.cloudmade.com/{your-key}/997/256/{x}/{y}/{z}.png

ただし、次のようにする必要があります。

http://{s}.tile.cloudmade.com/{your-key}/997/256/{z}/{x}/{y}.png

パラメーターは URL によって読み込まれるタイルを指定するため、これは重要です。Z はズームレベルです。X と Y は適切なタイルです。

javascript - Leaflet.js のマップ レイヤーが表示されない - なぜですか?