index.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=EVi8PXiYpKBGvBr7tgGMzcbdwzWWNf2o"></script>
  5. <script src="remote.js"></script>
  6. <meta charset="UTF-8">
  7. <title>ADCIV WEB UI. Designed Base CivetWeb.</title>
  8. </head>
  9. <body onload="load()">
  10. <!-- <div id='websock_text_field'>No websocket connection yet</div>-->
  11. <!-- <iframe id='image' src="" width="800" height="600"></iframe> -->
  12. <form>
  13. <br>
  14. <label for="title" style="width:300px;display:inline-block;">远程控制系统</label>
  15. <input type="radio" style="width:100px;display:inline-block;height:30px;" name="ctrl" id="ctrlauto" value="auto" checked>
  16. <label style="width:100px;display:inline-block;">自动</label>
  17. <input type="radio" style="width:100px;display:inline-block;height:30px;" name="ctrl" id="ctrlman" value="man">
  18. <label style="width:100px;display:inline-block;">远程</label>
  19. <input type="radio" style="width:100px;display:inline-block;height:30px;" name="shift" id="shiftdrive" value="D" checked>
  20. <label style="width:100px;display:inline-block;">前进</label>
  21. <input type="radio" style="width:100px;display:inline-block;height:30px;" name="shift" id="shiftrear" value="R">
  22. <label style="width:100px;display:inline-block;">后退</label>
  23. <br>
  24. <br>
  25. <br>
  26. <label style="width:150px;display:inline-block;" >车速</label>
  27. <input type="range" name="slidervel" id="sildervel" value="0.0" max="10" min="0" step="0.1" style="width:900px"/>
  28. <label style="width:50px;display:inline-block;" > </label>
  29. <button type="button" onclick="onClickStop()" style="width:100px;" >停车</button>
  30. <br>
  31. <br>
  32. <label style="width:150px;display:inline-block;" >转向</label>
  33. <input type="range" name="sliderwheel" id="silderwheel" value="0.5" max="1" min="0" step="0.01" style="width:900px;"/>
  34. <label style="width:50px;display:inline-block;" > </label>
  35. <button type="button" onclick="onClickCenter()" style="width:100px;" >居中</button>
  36. </form>
  37. <p> </p>
  38. <canvas id="myCanvas2" width="1920" height="1080" style="border:0px solid #c3c3c3;">
  39. Your browser does not support the canvas element.
  40. </canvas>
  41. <p id="demo">This is a paragraph.</p>
  42. <div style="width:1000px;height:1000px;border:#ccc solid 1px;" id="allmap"></div>
  43. </body>
  44. </html>
  45. <script src="baidumap.js"></script>