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

为了更好地理解我的问题，请参考下图。 http://i.imgur.com/yL0nD4h.jpg 在静态图像上绘制图像图标

我有两个图像。地图图像和蓝色圆圈图像。请注意，地图图片只是一张图片，我没有使用Google Maps API进行显示。因为它始终是相同的观点。我试图做到的是试图移动的蓝色圆圈沿黑线，我希望它能够用一个简单的增量INT数

所以，动态地移动圆，如果我的INT推= 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/

任何帮助将非常感谢！同样非常感谢您花时间阅读本文。

来源

2013-04-09 BaconJuice

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

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

来源

2013-04-09 22:13:55

您好Hugo T我很抱歉花了很长时间才跟进。但是，你能向我解释这部分代码的用途是什么吗？ for（var i = 0; i <25; i ++）{map.decrement（）; } – BaconJuice 2013-05-21 14:32:07

我主要是为了演示目的。递减和递增沿着线上下移动标记。 – 2013-05-22 12:17:50

嘿雨果，另一个快速问题。这两行marker = document.getElementById（“marker”）; this.setPosition（INITIAL_X，INITIAL_Y）;似乎是在IE7上造成问题的任何想法？ – BaconJuice 2013-05-22 13:30:16

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

回答

相关问题