百度地圖（36）-GL 關鍵字搜索

1. 關鍵字搜索包括本地搜索，附件搜索，范圍搜索（矩形、圓形等） 。

 

2. 關鍵字搜索使用的BMapGL.LocalSearch。

　可以指定結果顯示的div。

　另外測試了幾次，js代碼必需和html文件寫在同一個文件里，

　否則在地圖無法顯示搜索結果標注，就是那個小紅標，不知道為什么。

　以后再研究。

 

3. 代碼參考

  /**
   * POI搜索
   */
  function poiSearch(){
    clearSearch();
    local = new BMapGL.LocalSearch(map,searchOpts);
    local.search("公園");
  };

  /**
   * 附近搜索
   */
  function nearbySearch(){
    clearSearch();
    local = new BMapGL.LocalSearch(map,searchOpts);
    local.searchNearby("酒店","北京大學");
  };

  /**
   * 范圍查詢
   */
  function inBoundSearch(){
    clearSearch();
    map.centerAndZoom(new BMapGL.Point(116.274625,39.961627), 13);

    local = new BMapGL.LocalSearch(map,searchOpts);
    var pStart = new BMapGL.Point(116.274625,39.961627);
    var pEnd = new BMapGL.Point(116.367474,39.988609);
    var bs = new BMapGL.Bounds(pStart,pEnd);   //自己規定范圍

    local.searchInBounds("銀行",bs);
    var polygon = new BMapGL.Polygon([
      new BMapGL.Point(pStart.lng,pStart.lat),
      new BMapGL.Point(pEnd.lng,pStart.lat),
      new BMapGL.Point(pEnd.lng,pEnd.lat),
      new BMapGL.Point(pStart.lng,pEnd.lat)
    ], {strokeColor:"blue", strokeWeight:6, strokeOpacity:0.5});
    map.addOverlay(polygon);
  };

 

4. 頁面顯示

 

 

 

 

 

5. 源碼地址

https://github.com/WhatGIS/bdMap