jobfairs.blade.php 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. {!! $grid !!}
  2. <style type="text/css">
  3. .clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
  4. .clearfix{zoom:1; /*为了兼容IE*/}
  5. </style>
  6. <script type="text/javascript" src="{{ theme_asset('app/js/drag.js') }}"></script>
  7. <script type="text/javascript" src="{{ theme_asset('app/js/jobfair.js') }}"></script>
  8. <script type="text/javascript" src="{{ theme_asset('app/js/jobfair/DrawingManager_min.js') }}"></script>
  9. <script>
  10. // 百度地图API功能
  11. function G(id) {
  12. return document.getElementById(id);
  13. }
  14. var map = new BMap.Map("container");
  15. var map_x = $("#x").val();
  16. var map_y = $("#y").val();
  17. var map_zoom = $("#zoom").val();
  18. var address_id = $("#address").val();
  19. var mPoint = new BMap.Point(map_x,map_y);
  20. map.centerAndZoom(mPoint,map_zoom);
  21. map.enableScrollWheelZoom(true);
  22. map.addControl(new BMap.NavigationControl());
  23. if(address_id){
  24. sear(address_id);
  25. $("#address").focus(function () {
  26. var ac = new BMap.Autocomplete( //建立一个自动完成的对象
  27. {"input" : "address"
  28. ,"location" : map
  29. });
  30. var myValue;
  31. ac.addEventListener("onconfirm", function(e) { //鼠标点击下拉列表后的事件
  32. var _value = e.item.value;
  33. console.log(_value);
  34. myValue = _value.province + _value.city + _value.district + _value.street + _value.business;
  35. $("#address").val(myValue);
  36. G("searchResultPanel").innerHTML ="onconfirm<br />index = " + e.item.index + "<br />myValue = " + myValue;
  37. sear(myValue);
  38. });
  39. })
  40. } else {
  41. var ac = new BMap.Autocomplete( //建立一个自动完成的对象
  42. {"input" : "address"
  43. ,"location" : map
  44. });
  45. ac.addEventListener("onhighlight", function(e) { //鼠标放在下拉列表上的事件
  46. var str = "";
  47. var _value = e.fromitem.value;
  48. var value = "";
  49. if (e.fromitem.index > -1) {
  50. value = _value.province + _value.city + _value.district + _value.street + _value.business;
  51. }
  52. str = "FromItem<br />index = " + e.fromitem.index + "<br />value = " + value;
  53. value = "";
  54. if (e.toitem.index > -1) {
  55. _value = e.toitem.value;
  56. value = _value.province + _value.city + _value.district + _value.street + _value.business;
  57. }
  58. str += "<br />ToItem<br />index = " + e.toitem.index + "<br />value = " + value;
  59. G("searchResultPanel").innerHTML = str;
  60. });
  61. var myValue;
  62. ac.addEventListener("onconfirm", function(e) { //鼠标点击下拉列表后的事件
  63. var _value = e.item.value;
  64. myValue = _value.province + _value.city + _value.district + _value.street + _value.business;
  65. G("searchResultPanel").innerHTML ="onconfirm<br />index = " + e.item.index + "<br />myValue = " + myValue;
  66. sear(myValue);
  67. });
  68. }
  69. function setPlace(){
  70. map.clearOverlays(); //清除地图上所有覆盖物
  71. function myFun(){
  72. var pp = local.getResults().getPoi(0).point; //获取第一个智能搜索的结果
  73. map.centerAndZoom(pp, map_zoom);
  74. map.addOverlay(new BMap.Marker(pp)); //添加标注
  75. }
  76. var local = new BMap.LocalSearch(map, { //智能搜索
  77. onSearchComplete: myFun
  78. });
  79. local.search(myValue);
  80. }
  81. function sear(result){//地图搜索
  82. var local = new BMap.LocalSearch(map, {
  83. renderOptions:{map: map}
  84. });
  85. local.search(result);
  86. }
  87. </script>