0

私の質問をよりよく理解するには、次の画像を参照してください。 http://i.imgur.com/yL0nD4h.jpg

私は2つの画像を持っています。地図画像と青丸画像。地図の画像は単なる画像であり、Google Maps API を使用して表示していないことに注意してください。いつも同じ景色だから。私が達成しようとしているのは、青い円を黒い線に沿って移動しようとすることです.単純な増分int番号で円を動的に移動できるようにしたいです

したがって、私の int push = 5 の場合

マップ上の円は一定距離上に移動し、int push = -5 で元に戻ります。

現在、マップ画像を含む単純なhtml背景があり、次のように青い円を画像タグで上に配置しています

<div style="background-image:url('http://i.imgur.com/ZZHnuaf.png'); width:517px;height:374px;">
    <img width="30px" height="30px"src="http://i.imgur.com/MUlVIyg.png" />
</div>

http://jsfiddle.net/rayshinn/9VqQ7/

私がどのように始めることができるかについての助けは大歓迎です! また、この度はお読みいただき誠にありがとうございました。

4

1 に答える 1

1

したがって、主なアイデアはf(v)、x 座標と y 座標を持つオブジェクトを返す関数を持つことです。次に、マーカー イメージをマップの相対的な内側に配置し、左と上のスタイル属性を変更して移動します。

ここに例がありますhttp://jsfiddle.net/9VqQ7/2/

于 2013-04-09T22:13:55.057 に答える