0

为了更好地理解我的问题，请参考下图。 http://i.imgur.com/yL0nD4h.jpg

我有两张图片。地图图像和蓝色圆圈图像。请注意，地图图像只是一个图像，我没有使用 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)，它返回一个带有 ax 和 y 坐标的对象。然后将标记图像相对地定位在地图内并更改左侧和顶部样式属性以移动它。

这是一个例子http://jsfiddle.net/9VqQ7/2/

于 2013-04-09T22:13:55.057 回答