Question

为了更好地理解我的问题，请参考下图。 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/

任何有关我如何开始的帮助将不胜感激！还要非常感谢您花时间阅读本文。

Answer 1

所以主要的想法是有一个函数f(v)，它返回一个带有x和y坐标的对象。然后将标记图像相对地放置在地图内，并更改左侧和顶部样式属性以移动它。

以下是http://jsfiddle.net/9VqQ7/2/

的示例

在静态图像上绘制图像图标

1 个答案: