2012-03-13 10 views
0

こんにちは私は非常に高解像度の地図からインターフェイスのようなGoogleマップを作成したいと思います。例えば。 11k x 11k解像度。私の目標は、パンをズーム/ズームして、地図上の希望する場所にピンを置くことです。私はmapboxプラグインを使用してイメージのズーム/パンを実装することができました。私の質問は、画像上の(x、y)位置にピンを配置し、ズームイン/アウト時にピンを保持する方法です。どのように私はインターフェイスのようなGoogleマップを作ることができます

おかげ

+0

具体的な質問や問題がありますか?これは質問よりもプログラム仕様のほうが多いです。 – Corbin

+0

確かに、マップのズーム/パン機能を実装することができました。私はピン(x、y)にピンを配置し、ピンをズームしながら保持する方法を知りたい。 – Mayank

答えて

1

最も簡単な方法は、右上に(0,0)と11Kグリッドによって11Kとして画像全体を扱うことであろう。次に、ピンは(x、y)に配置されます。次に、イメージを拡大/縮小すると、新しいビューがメイングリッドのサブセットとして扱われます。

たとえば、(5000,3500)で始まり、500 x 500ピクセルになることがあります。ピンがそれらのコードにあれば、どこに配置するかを計算します。

{(5230、3550)、(5400、3700)}という2つのピンがあるとします。

、あなたは5000、3500にズームとビューポートが500×500であれば、あなたのピン本当の場所は次のとおりです。

{(230​​、3550)、(5400、3700)}

道ます翻訳を正確に行う必要があるのは、ズーム/パンニングの処理の正確さに左右されますが、それは一般的な考えでなければなりません。

関連する問題