摘要:
很多微網誌或者SNS開發者,想結合地圖展示使用者的微網誌或者狀态。這時,利用資訊視窗就是最好的展示方式了。
在這裡,我們使用資訊視窗輪詢的方式來實作這一功能。當然,你也可以及時地展示使用者微網誌或狀态。
-----------------------------------------------------------------------------------
為了簡明,這裡隻列出javascript部分的地圖程式。完整源代碼在文章末尾。
效果圖

------------------------------------------------------------------------------------
一、建立地圖
二、建立和資訊視窗
在這裡,我使用了2個數組,分别放點,和資訊視窗。一共建立了6個。
當然,這裡可以讀取背景資料庫裡存放的經緯度和資訊視窗。
附:
三、實作資訊視窗輪詢
注意,請大家不要使用setTimeout和for循環這樣的語句,在這裡是行不通的。因為現在浏覽器對這種運算的計算速度都很快。我們隻能看到最後一個資訊視窗的效果。錯誤代碼如下:
現在給大家介紹一個行之有效的方法——setInterval。setInterval() 方法會不停地調用函數,直到 clearInterval() 被調用或視窗被關閉。
先來看看單次循環的寫法。
再來看看無限循環,就是輪播的代碼,其實隻改了一句。
當一次循環結束後,讓計數器歸零,重新循環。
四、完整源代碼