peitao.js 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. // 设置屏幕的高度
  2. _heith = $(window).height()-134;
  3. $('#y_lpmap').css('height',_heith);
  4. var jwb = $('#y_lpmap').attr('data-jwd'); //获取经纬度
  5. x = jwb.split(',')[0];
  6. y = jwb.split(',')[1];
  7. // 添加百度地图
  8. var mp = new BMap.Map("y_lpmap",{minZoom:9,maxZoom:16});
  9. var point=new BMap.Point(x,y);
  10. mp.addControl(new BMap.OverviewMapControl()); //添加默认缩略地图控件
  11. mp.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件
  12. mp.centerAndZoom(point, 9);
  13. mp.enableScrollWheelZoom();
  14. //创建标签
  15. var myIcon = new BMap.Icon("/image/label.png", new BMap.Size(17,34));
  16. var marker2 = new BMap.Marker(point,{icon:myIcon}); // 创建标注
  17. mp.addOverlay(marker2); // 将标注添加到地图中
  18. $('.y_lpdt_list li').on('click',function(){
  19. var txt = $(this).find('.y_text').html();
  20. var imgUrl = $(this).find('.y_tu').children('img').attr('src');
  21. // console.log(imgUrl)
  22. // alert(txt)
  23. doSearch(txt,point,imgUrl); //调用周围检索方法
  24. })
  25. //map展现结果的地图实例
  26. //autoViewport检索结束后是否自动调整地图视野,false 不调整地图视野
  27. // var local = new BMap.LocalSearch(map,{renderOptions:{map:map,autoViewport:true}});
  28. var local = new BMap.LocalSearch(mp,{renderOptions:{map:mp,autoViewport:true}});
  29. //地址检索
  30. function doSearch(Odata,Opoint,URL){
  31. var address = Odata;
  32. /*
  33. * 智能搜索有三种方法,分别是:search、searchInBounds和searchNearby。
  34. * search :在指定城市或全国内搜索关键字
  35. * searchInBound :在可视范围内搜索关键字内容
  36. * searchNearby :中心点为字符串时,将自动忽略半径
  37. * 比如: searchNearby("公交"); searchNearby("公交",new BMap.Point(pointx,pointy),500);
  38. */
  39. local.searchNearby(address,Opoint)
  40. mp.clearOverlays(); //删除地图上的覆盖物
  41. //创建标签
  42. var myIcon = new BMap.Icon("/image/label.png", new BMap.Size(17,34));
  43. var marker2 = new BMap.Marker(Opoint,{icon:myIcon}); // 创建标注
  44. mp.addOverlay(marker2); // 将标注添加到地图中
  45. //检索结束后的回调方法
  46. local.setSearchCompleteCallback(function(results){
  47. // console.log(results)
  48. if(results.Br.length != 0){
  49. // BMAP_STATUS_SUCCESS 检索成功。对应数值“0”。
  50. if (local.getStatus() == BMAP_STATUS_SUCCESS){
  51. for (var i = 0; i < results.getCurrentNumPois(); i ++){
  52. var poi = results.getPoi(i).point;
  53. // console.log(poi)
  54. //创建标签
  55. var myIcon = new BMap.Icon(URL, new BMap.Size(25,40));
  56. var marker2 = new BMap.Marker(poi,{icon:myIcon}); // 创建标注
  57. mp.addOverlay(marker2); // 将标注添加到地图中
  58. }
  59. }
  60. }else{
  61. }
  62. });
  63. }