2

Slippy マップは、ユーザーが 2 次元平面をつかんでドラッグすることで、2 次元平面をパンできるようにする Web ウィジェットです。このコントロールは Google マップによって普及し、今日の多くの最新のマッピング システムで見ることができます。それらが読み込まれるのを見ると、実際には、ユーザーがパンするときに必要に応じて読み込まれる画像のグリッドであることは明らかです。私の質問は; これらの画像は、HTML/JS/CSS でどのように配置、移動、動的にロードされますか? それらは背景画像付きの div ですか? overflow:hidden で親 div にロードされていますか? ユーザーがパンするときにメモリリークを防ぐために、どのような戦略を使用していますか。それらを簡単に構築できるサードパーティのライブラリはありますか。私は地理的な地図自体には興味がありません。それらを表示するために一般的に使用されるインターフェイスだけです。ありがとう!

4

1 に答える 1

4

通常、画像要素のグリッドは移動され、一部がビューアーの端から外れて非表示になると、それらはグリッドの反対側に移動され、src 属性が新しいマップ タイルを指すように変更されます。

あなたが言うように、これらはすべてoverflow:hidden;で親要素にロードされます。

例に関しては、オープン ソースの Open Layers の実装を見ることができます。

http://openlayers.org/

于 2009-03-12T23:28:57.277 に答える