aaronyang的百度地圖API之LBS雲[把數據豐富顯示1/3]

中國的IT 需要無私分享和貢獻的人，一起努力

---

 

本篇博客來自地址:http://www.cnblogs.com/AaronYang/p/3673933.html，請支持原創，未經允許不許轉載

一、第一步

  默認我們顯示我們leverTerminal表中所有信息，使用雲麻點圖模式顯示

 1.1我們添加一個新的頁面MaDian

<h1>第三課 POI數據檢索-麻點地圖</h1>
@section BaiduApi{
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak"></script>
}
<br />
<div>
    搜索條件
</div>
<br/>
<div id="container" style="width:100%;height:500px;"></div>


<script type="text/javascript">
    var map = new BMap.Map("container");          // 創建地圖實例
    map.centerAndZoom(new BMap.Point(117.234963, 31.858815), 15);// 初始化地圖，設置中心點坐標和地圖級別          
    map.enableScrollWheelZoom();
    map.addControl(new BMap.NavigationControl());  //添加默認縮放平移控件

    var customLayer;
    function addCustomLayer(keyword) {
        if (customLayer) {
            map.removeTileLayer(customLayer);
        }
        customLayer = new BMap.CustomLayer({
            geotableId: 59897,
            q: keyword, //檢索關鍵字
            tags: '', //空格分隔的多字符串
            filter: '' //過濾條件,參考http://developer.baidu.com/map/lbs-geosearch.htm#.search.nearby
        });
        map.addTileLayer(customLayer);
        customLayer.addEventListener('hotspotclick', callback);
    }
    addCustomLayer('');

    function callback(e)//單擊熱點圖層
    {
        var customPoi = e.customPoi;//poi的默認字段
        var contentPoi = e.content;//poi的自定義字段  
    }
</script>

代碼的js部分，這里有個geotableId的設置，我的LBS上leverterminal的表的ID是59897

OK，默認我們顯示所有的這張表上的手機用戶信息，F5運行，效果如下

文章已經遷移到: http://www.ayjs.net/post/102.html

 

---

中國的IT 需要無私分享和貢獻的人，一起努力 AaronYang 2014年