首先頁面引用必須的兩個JS
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的Key值"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
頁面就很簡單就一個DIV搞定：
<div id="containerProduct"></div>
下面的才是重點：
首先我們要初始化地圖以及定義一些全局變量：
行政區域的JS：
既然已經初始化地圖了，那下面當然就是獲取數據啦：
數據的格式如下：
IsFirst一開始默認是true,到后面查詢數據或篩選數據的時候在把IsFirst設為false，使它執行else中的代碼-清除所有標注和聚合以及清空marker數組(這樣寫的作用是直接清除地圖上的標注，而不用去重新初始化地圖來重置標注，節省了性能以及提高了用戶使用體驗度)。
獲取到了數據之后就是生成標注了：
這里有個JS的Each循環的小坑，i和k在這里都是沒有用的，但是我們又不能去掉，因為Each必須是兩個參數。汗顏！
點聚合方法：
標注單擊事件：
單擊之后的信息窗口：
opts為(這里只是部分而已，全部太長了所以就粘出來了):
到這里基本就完成了！
哦！對了，還有查詢和篩選數據的方法呢！
現在才是大功告成的時候！下面是效果圖：
右邊的搜索框代碼就不粘了，太簡單了！！