こんにちは私は非常に高解像度の地図からインターフェイスのようなGoogleマップを作成したいと思います。例えば。 11k x 11k解像度。私の目標は、パンをズーム/ズームして、地図上の希望する場所にピンを置くことです。私はmapboxプラグインを使用してイメージのズーム/パンを実装することができました。私の質問は、画像上の(x、y)位置にピンを配置し、ズームイン/アウト時にピンを保持する方法です。どのように私はインターフェイスのようなGoogleマップを作ることができます
おかげ
こんにちは私は非常に高解像度の地図からインターフェイスのようなGoogleマップを作成したいと思います。例えば。 11k x 11k解像度。私の目標は、パンをズーム/ズームして、地図上の希望する場所にピンを置くことです。私はmapboxプラグインを使用してイメージのズーム/パンを実装することができました。私の質問は、画像上の(x、y)位置にピンを配置し、ズームイン/アウト時にピンを保持する方法です。どのように私はインターフェイスのようなGoogleマップを作ることができます
おかげ
最も簡単な方法は、右上に(0,0)と11Kグリッドによって11Kとして画像全体を扱うことであろう。次に、ピンは(x、y)に配置されます。次に、イメージを拡大/縮小すると、新しいビューがメイングリッドのサブセットとして扱われます。
たとえば、(5000,3500)で始まり、500 x 500ピクセルになることがあります。ピンがそれらのコードにあれば、どこに配置するかを計算します。
{(5230、3550)、(5400、3700)}という2つのピンがあるとします。
今、あなたは5000、3500にズームとビューポートが500×500であれば、あなたのピン本当の場所は次のとおりです。
{(230、3550)、(5400、3700)}
道ます翻訳を正確に行う必要があるのは、ズーム/パンニングの処理の正確さに左右されますが、それは一般的な考えでなければなりません。
具体的な質問や問題がありますか?これは質問よりもプログラム仕様のほうが多いです。 – Corbin
確かに、マップのズーム/パン機能を実装することができました。私はピン(x、y)にピンを配置し、ピンをズームしながら保持する方法を知りたい。 – Mayank