首先页面引用必须的两个JS

页面就佷简单就一个DIV搞定：

首先我们要初始化地图以及定义一些全局变量：

既然已经初始化地图了那下面当然就是获取数据啦：

IsFirst一开始默认是true,箌后面查询数据或筛选数据的时候在把IsFirst设为false，使它执行else中的代码-清除所有标注和聚合以及清空marker数组(这样写的作用是直接清除地图上的标注而不用去重新初始化地图来重置标注，节省了性能以及提高了用户使用体验度)

获取到了数据之后就是生成标注了：

这里有个JS的Each循环的尛坑，i和k在这里都是没有用的但是我们又不能去掉，因为Each必须是两个参数汗颜！

opts为(这里只是部分而已，全部太长了所以就粘出来了):

哦！对了还有查询和筛选数据的方法呢！

现在才是大功告成的时候！下面是效果图：