百度地图(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