在靜態圖像上繪製圖像圖標

爲了更好地理解我的問題，請參考下圖。 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

在靜態圖像上繪製圖像圖標

回答

相關問題