出現在隨機時間的標記

Question

我試圖用3個不同的標記創建一個地圖，但是目前每個都出現在隨機時間。我認爲這是一個異步問題。

測試網址是這裏的地圖顯示了對頁面的底部： http://www.comehike.com/hikes/hike_carpool.php?hike_id=125

有誰知道我做錯了嗎？

謝謝， 亞歷克斯

Answer 1

你的意思是你看到你的標記在不同的時間繪製，例如一開始你會看到紅色，然後是黃色，然後是藍色。下次加載頁面時，您可能會注意到藍色標記先顯示，然後是黃色，然後是紅色。我的問題正確嗎？如果是，那麼不關心:)它取決於網絡連接，服務器加載等。看螢火蟲的Net標籤，我第一次：

所以瀏覽器開始請求smile.gif和car.jpg的同時，要求一段時間後marker_sprite。實際上，您會發現maps.google.com服務請求的速度更快（但請稍後開始）。然後你的服務器（comehike.com）處理了car.jpg的請求（儘管它很大，1.3kb），然後來了smile.gif（雖然它的大小隻有174b，並且它是第一個請求的圖像）。

下一次，我按F5，並得到從瀏覽器緩存圖像，但瀏覽器發送一些請求，看看他們是否真的沒有改變：

通知，該瀏覽器開始請求關於car.jpg信息很早，但由於連接時間和等待結果，花了很多時間纔得到它（雖然它被緩存了，所以瀏覽器只是等待確認）。 maps.google.com再次處理請求的速度快於comehike.com。所以這不是關於ajax，它取決於瀏覽器何時請求圖像，以及服務器處理它的速度（它取決於隊列等等）。

如果您想要同時顯示所有標記，則需要使用CSS Sprites並將所有標記圖像合併爲一個。看看有（任何物品爲好）：

1. CSS Sprites: What They Are, Why They’re Cool, and How To Use Them
2. CSS Sprites: Image Slicing’s Kiss of Death
3. The Mystery Of CSS Sprites: Techniques, Tools And Tutorials

這種方式，您將擁有，而不是三一倍的形象，所以當它被載入瀏覽器會顯示所有標記（至少你不會注意到標記之間有任何延遲）。希望它解釋和幫助。