怎么了<IMG>元素，它包含<DIV>移動（左，上）而不移動/拿走它的 SRC（谷歌地圖標記）

Question

我真希望這是一個只見樹木不見森林的案例，因為此刻我簡直不敢相信自己的眼睛！ 如果您查看下圖，您會看到我的鼠標指針懸停在 Chrome 調試器/檢查元素選項卡中的 IMG 標簽上，並且移動顯示器中的便捷工具提示非常有用，准確地顯示了“img 45 x 40”我的 hg.png 圖像應該在哪里渲染。 然而漢塞爾和格雷塔爾仍然停留在他們之前的地方：-

    HandG.setPosition(path[currStep]);

有關完整示例，請參閱https://github.com/RichardMaher/Brotkrumen/blob/master/HandleMap.js line# 321。

這怎么可能？ SRC 屬性何時可以完全脫離其 IMG 標簽？

這在幾年前沒有發生過（相信我:-) Chrome 中是否有一些優化？ 緩沖地圖標記移動？ 我可以關閉這種行為嗎？

“優化”標記選項設置為 false。 無論如何，我們肯定可以在這里忘記 Google Maps，這只是一個基本的 HTML DOM 問題，對嗎？

注意：請保留您對依賴 Google 地圖呈現標記方式是否明智的看法。 我認為自己受到了適當的懲罰，如果您有更好的方法可以在一段時間內從點到點平滑過渡標記，請直接給我發郵件。 我要問的是什么巫術（我的目的地標記是一頂癢帽子:-) 在這里起作用。

編輯 1

我將研究 FF 調試選項，但我真的傾向於新穎的 Google 地圖優化，因為旅程的第一站按預期完成，但隨后我的多邊形.setPath 和我的 marker.setPosition 調用不會逐漸生效。 標記（img）在另外 2 條腿（然后是最后一條腿）之后移動，並且在最后一條腿完成之前不會繪制進一步的路徑。

編輯 2

請注意： - 任何人都可以克隆https://github.com/RichardMaher/Brotkrumen存儲庫！ 只需將其粘貼在面向 Internet 的文件夾/目錄中，然后轉到“https://your.domain/TravelManager.html” 您需要一個 Google Maps API 密鑰才能使用地圖和至少幾個 GPS 讀數，然后才能使用按“到達”。

感謝@Bravo，我在 FireFox(1) 上運行了它，並得到了稍微有啟發性的響應。 它現在看起來像一個編碼問題（事件競爭條件或類似情況），因為顯示的模式是：-

• 第一站（與 Chrome 一樣）在正確的時間從 A 過渡到 B。
• 第二回合被跳過，然后 HandG 漂浮到第三個地理定位位置，但似乎是一個組合的持續時間？
• 同樣，第四條腿不可見，但第五條腿是桃色的。
• 與 Chrome 不同的是，漸進式路徑與標記同步。

所以，是的，看起來我的代碼在瀏覽器可以給我一個 Transition 和一個伴隨的 transitionEnd 之前觸發 2 個事件。

(1) 我有工作要做 FF 美學兼容性 :-( 還有（我不是要你教我 FF 調試）Chrome 遠程 USB 調試我可以在我的 PC 上輸入 URL，它會出現在手機的瀏覽器中. 然后我可以拔掉它，繞着街區走一圈，再次將它連接回 USB，按“檢查”並進行完整的調試會話。在 FF 上，我剛剛在手機瀏覽器中輸入了 http://localhost:1234它激活了，但我看不到如何進行調試會話。

Answer 1

請隨時刪除該問題，因為正如@Bravo 所指出的那樣，這是一個紅鯡魚:-(

唯一的收獲是： - 現在我們中至少有兩個人強烈推薦使用 FireFox 來調試您的移動 Web 應用程序並避免使用 Chrome！

當我再次相信自己的眼睛時，我意識到我的標記重新定位有 2 個過渡。 屬性高度、寬度；

我真心實意地告訴你，幾年前我只有一個多物業的過渡，但這既不存在也不存在。 我們就在我們所在的地方。

再次感謝https://stackoverflow.com/users/10549313/bravo