toolRouteSearch.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!-- <div class="routserch-con-lt"></div>
  2. <div class="routserch-con-lb"></div>
  3. <div class="routserch-con-rt"></div> -->
  4. <div id="directionsSearch">
  5. <div class="topBar">
  6. <div class="thtitle active">路径规划</div>
  7. <div class="abtnElevation">
  8. <a href="javascript:void(0)">剖面量算</a>
  9. </div>
  10. <a href="javascript:void(0)" id="abtnPrintLine">打印</a>
  11. <a href="javascript:void(0)" id="downloadLine">导出路线</a>
  12. <div class="favRoute" id="d_fav">
  13. <a href="javascript:void(0)">收藏</a>
  14. </div>
  15. </div>
  16. <div class="routingTopPanel">
  17. <div class="waypoints points-content">
  18. <div class="waypointWrapper start" style="z-index:60" id="d_start">
  19. <div class="waypoint">
  20. <div class="searchBox">
  21. <input type="text" id="directionsStart" class="input" title="输入起点或二维地图上右键选点">
  22. </div>
  23. <div class="startIcon"></div>
  24. </div>
  25. </div>
  26. <div class="waypointWrapper across" style="z-index:60" id="d_destination">
  27. <div class="waypoint">
  28. <div class="across-points-content">
  29. <ul id="acrossPointsList"></ul>
  30. </div>
  31. <div class="choose-across">
  32. <div class="add-acrossIcon"></div>
  33. <button class="addAcrossIcon">添加途经点</button>
  34. </div>
  35. </div>
  36. </div>
  37. <!-- <div class="waypointWrapper avoid" style="z-index:60" id="g_destination">
  38. <div class="waypoint">
  39. <div class="avoid-points-content">
  40. <ul id="avoidAreaList"></ul>
  41. </div>
  42. <div class="choose-avoid">
  43. <div class="add-avoidIcon"></div>
  44. <button class="addAvoidIcon">添加规避区域</button>
  45. </div>
  46. </div>
  47. </div> -->
  48. <div class="waypointWrapper destination" style="z-index:60" id="d_destination">
  49. <div class="waypoint">
  50. <div class="searchBox">
  51. <input type="text" id="directionsStop" class="input" title="输入终点或二维地图上右键选点">
  52. </div>
  53. <div class="stopIcon"></div>
  54. </div>
  55. </div>
  56. <p class="tip">二维地图右键菜单可添加途经点</p>
  57. </div>
  58. <div class="routingPanelBar">
  59. <div class="search_type">
  60. <div id="routeSearchType">第一方案</div>
  61. <ul class="routeTypeList">
  62. <iframe frameborder="0" class="cover-iframe"></iframe>
  63. <div class="cover-content">
  64. <li type="0" class="active">第一方案</li>
  65. <li type="1" style="display: none;">第二方案</li>
  66. </div>
  67. </ul>
  68. </div>
  69. <div class="clearRoute" id="d_clear">
  70. <a href="javascript:void(0)">清除路线</a>
  71. </div>
  72. <div class="btn-group">
  73. <button id="directionsSearchButton" type="button" class="btn btn4">获取路线</button>
  74. </div>
  75. </div>
  76. </div>
  77. <div id="pointSearchResult">
  78. <div id="pointSearchResultWrap"></div>
  79. </div>
  80. <div class="slot-busWays">
  81. <ul id="slot-busWaysList"></ul>
  82. </div>
  83. <div class="slot-directionsContent">
  84. <div class="slot-title">查看路程</div>
  85. <div id="roadViewListWrap">
  86. <ul id="roadViewList" class="routeView"></ul>
  87. </div>
  88. </div>
  89. </div>