データベースに2.500タイルのようなテーブルがあるので、50x50です。フロントエンドのサイズはタイルあたり256pxx256pxであり、ズームレベルはありません。次に、他のデータ(建物、オブジェクト)を保持するテーブルがあり、このオブジェクトのすべてが特定のタイルに属している可能性があります。
フロントエンドでは、フルスクリーンのOpenLayersを使用して、画面全体に表示するタイルのセットを表示し、ドラッグと非同期を使用するだけです。OpenLayersが提供するタイルのリロード。可能であれば、世界地図の境界に達した場合でも、ドラッグを自動的に停止します。
また、画像(png)をレンダリングしたくありません-とにかくボディの背景が繰り返される草のテクスチャであり、に関連付けられているオブジェクトに応じてs<div>
を含めたいので、タイルは空であるか、少なくとも透明である必要があります<img>
モデルのタイル。
OpenLayersに精通している人なら誰でも、これがバックエンドのこのような単純なカスタムモデルで可能かどうか教えてもらえますか?この特定のケースに関するリソースは非常に役立ちます!