天天看点

【百度地图API】如何实现信息窗口轮询

摘要:

  很多微博或者SNS开发者,想结合地图展示用户的微博或者状态。这时,利用信息窗口就是最好的展示方式了。

  在这里,我们使用信息窗口轮询的方式来实现这一功能。当然,你也可以及时地展示用户微博或状态。

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

为了简明,这里只列出javascript部分的地图程序。完整源代码在文章末尾。

效果图

【百度地图API】如何实现信息窗口轮询

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

一、创建地图

  

二、创建和信息窗口

在这里,我使用了2个数组,分别放点,和信息窗口。一共创建了6个。

当然,这里可以读取后台数据库里存放的经纬度和信息窗口。

附:

三、实现信息窗口轮询

注意,请大家不要使用setTimeout和for循环这样的语句,在这里是行不通的。因为现在浏览器对这种运算的计算速度都很快。我们只能看到最后一个信息窗口的效果。错误代码如下:

现在给大家介绍一个行之有效的方法——setInterval。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。

先来看看单次循环的写法。

再来看看无限循环,就是轮播的代码,其实只改了一句。

当一次循环结束后,让计数器归零,重新循环。

四、完整源代码