天天看點

【百度地圖API】如何實作資訊視窗輪詢

摘要:

  很多微網誌或者SNS開發者,想結合地圖展示使用者的微網誌或者狀态。這時,利用資訊視窗就是最好的展示方式了。

  在這裡,我們使用資訊視窗輪詢的方式來實作這一功能。當然,你也可以及時地展示使用者微網誌或狀态。

-----------------------------------------------------------------------------------

為了簡明,這裡隻列出javascript部分的地圖程式。完整源代碼在文章末尾。

效果圖

【百度地圖API】如何實作資訊視窗輪詢

------------------------------------------------------------------------------------

一、建立地圖

  

二、建立和資訊視窗

在這裡,我使用了2個數組,分别放點,和資訊視窗。一共建立了6個。

當然,這裡可以讀取背景資料庫裡存放的經緯度和資訊視窗。

附:

三、實作資訊視窗輪詢

注意,請大家不要使用setTimeout和for循環這樣的語句,在這裡是行不通的。因為現在浏覽器對這種運算的計算速度都很快。我們隻能看到最後一個資訊視窗的效果。錯誤代碼如下:

現在給大家介紹一個行之有效的方法——setInterval。setInterval() 方法會不停地調用函數,直到 clearInterval() 被調用或視窗被關閉。

先來看看單次循環的寫法。

再來看看無限循環,就是輪播的代碼,其實隻改了一句。

當一次循環結束後,讓計數器歸零,重新循環。

四、完整源代碼