image - 画像を地図にドラッグ

Question

画像にジオタグを付けることができる機能を実装する必要があります。画像 (リストから 1 つまたは複数の画像を選択できます) をマップにドラッグ アンド ドロップします。次に、選択した画像は、ドロップされたポイントまで自動的にジオタグが付けられます。

誰かがこれに取り組む方法について私にアイデアを与えることができますか.

ありがとう

Answer 1

Yes, you can do this with HTML and Javascript. I would advice you to use the jquery libary.

What you do is render the map where you want to place an image(for this example new york city)

What you do is use jquery to make the image you want to drop of yourself at the statue of liberty 50% opacity and draggable. Under the image you have an

in the middle of the image as a "pointer" which is not opaque. People drag the "dot" under the image to the desired location. When it's released you take the offset x and y, calculate that to the relative time x and y to find the geolocation and then store everything via ajax.

That's kinda the basis you'll have to work on to accomplish this.

It's a fun project though, but a bit timeconsuming.