百度地图(36)-GL 关键字搜索

1. 关键字搜索包括本地搜索,附件搜索,范围搜索(矩形、圆形等) 。

 

2. 关键字搜索使用的BMapGL.LocalSearch。

 可以指定结果显示的div。

 另外测试了几次,js代码必需和html文件写在同一个文件里,

 否则在地图无法显示搜索结果标注,就是那个小红标,不知道为什么。

 以后再研究。

 

3. 代码参考

 1   /**
 2    * POI搜索
 3    */
 4   function poiSearch(){
 5     clearSearch();
 6     local = new BMapGL.LocalSearch(map,searchOpts);
 7     local.search("公园");
 8   };
 9 
10   /**
11    * 附近搜索
12    */
13   function nearbySearch(){
14     clearSearch();
15     local = new BMapGL.LocalSearch(map,searchOpts);
16     local.searchNearby("酒店","北京大学");
17   };
18 
19   /**
20    * 范围查询
21    */
22   function inBoundSearch(){
23     clearSearch();
24     map.centerAndZoom(new BMapGL.Point(116.274625,39.961627), 13);
25 
26     local = new BMapGL.LocalSearch(map,searchOpts);
27     var pStart = new BMapGL.Point(116.274625,39.961627);
28     var pEnd = new BMapGL.Point(116.367474,39.988609);
29     var bs = new BMapGL.Bounds(pStart,pEnd);   //自己规定范围
30 
31     local.searchInBounds("银行",bs);
32     var polygon = new BMapGL.Polygon([
33       new BMapGL.Point(pStart.lng,pStart.lat),
34       new BMapGL.Point(pEnd.lng,pStart.lat),
35       new BMapGL.Point(pEnd.lng,pEnd.lat),
36       new BMapGL.Point(pStart.lng,pEnd.lat)
37     ], {strokeColor:"blue", strokeWeight:6, strokeOpacity:0.5});
38     map.addOverlay(polygon);
39   };

 

4. 页面显示

 

 

 

 

 

5. 源码地址

https://github.com/WhatGIS/bdMap

 

 
posted @ 2021-04-27 09:13  googlegis  阅读(872)  评论(0编辑  收藏  举报

坐标合肥,非典型GIS开发人员 GitHub