demo_line_footer_frm.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6. <title>APP</title>
  7. <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
  8. </head>
  9. <style type="text/css">
  10. body {
  11. background: #f4f4f4;
  12. }
  13. .aui-content {
  14. height: 200px;
  15. overflow: hidden;
  16. margin-bottom: 0 !important;
  17. }
  18. .aui-input-addon.aui-iconfont {
  19. font-size: 20px !important;
  20. }
  21. p {
  22. margin: 15px 0;
  23. }
  24. </style>
  25. <body>
  26. <div class="aui-content">
  27. <p class="aui-text-center">请输入目的地</p>
  28. <div class="aui-form">
  29. <div class="aui-input-row">
  30. <i class="aui-input-addon aui-iconfont aui-icon-locationfill aui-text-success"></i>
  31. <input type="text" class="aui-input" id="startCity" placeholder="出发地" readonly />
  32. </div>
  33. <div class="aui-input-row" tapmode onclick="showSearch();">
  34. <i class="aui-input-addon aui-iconfont aui-icon-locationfill aui-text-warning"></i>
  35. <input type="text" class="aui-input" id="endCity" placeholder="目的地" readonly/>
  36. </div>
  37. </div>
  38. </div>
  39. </body>
  40. <script type="text/javascript" src="../../../script/api.js" ></script>
  41. <script type="text/javascript">
  42. function demo(method){
  43. api.execScript({
  44. frameName:'baidu_map_frm',
  45. script:''+method+'()'
  46. })
  47. }
  48. function showSearch(){
  49. api.openWin({
  50. name: 'demo_line_search_win',
  51. url: 'demo_line_search_win.html',
  52. bounces:false,
  53. delay: 300
  54. });
  55. }
  56. function showStartCity(name){
  57. $api.val($api.byId("startCity"),name);
  58. }
  59. function insertEndCity(lat,lon,name){
  60. $api.val($api.byId("endCity"),name);
  61. api.execScript({
  62. name:'demo_line_win',
  63. frameName:'demo_line_frm',
  64. script:'drawRoute("'+lat+'","'+lon+'")'
  65. })
  66. }
  67. apiready = function(){
  68. api.parseTapmode();
  69. };
  70. </script>
  71. </html>