123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- <!DOCTYPE html>
- <html>
- <head>
- <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=EVi8PXiYpKBGvBr7tgGMzcbdwzWWNf2o"></script>
- <script src="remote.js"></script>
- <meta charset="UTF-8">
- <title>ADCIV WEB UI. Designed Base CivetWeb.</title>
- </head>
- <body onload="load()">
- <!-- <div id='websock_text_field'>No websocket connection yet</div>-->
- <!-- <iframe id='image' src="" width="800" height="600"></iframe> -->
- <form>
- <br>
- <label for="title" style="width:300px;display:inline-block;">远程控制系统</label>
- <input type="radio" style="width:100px;display:inline-block;height:30px;" name="ctrl" id="ctrlauto" value="auto" checked>
- <label style="width:100px;display:inline-block;">自动</label>
- <input type="radio" style="width:100px;display:inline-block;height:30px;" name="ctrl" id="ctrlman" value="man">
- <label style="width:100px;display:inline-block;">远程</label>
- <input type="radio" style="width:100px;display:inline-block;height:30px;" name="shift" id="shiftdrive" value="D" checked>
- <label style="width:100px;display:inline-block;">前进</label>
- <input type="radio" style="width:100px;display:inline-block;height:30px;" name="shift" id="shiftrear" value="R">
- <label style="width:100px;display:inline-block;">后退</label>
- <br>
- <br>
- <br>
- <label style="width:150px;display:inline-block;" >车速</label>
- <input type="range" name="slidervel" id="sildervel" value="0.0" max="10" min="0" step="0.1" style="width:900px"/>
- <label style="width:50px;display:inline-block;" > </label>
- <button type="button" onclick="onClickStop()" style="width:100px;" >停车</button>
- <br>
- <br>
- <label style="width:150px;display:inline-block;" >转向</label>
- <input type="range" name="sliderwheel" id="silderwheel" value="0.5" max="1" min="0" step="0.01" style="width:900px;"/>
- <label style="width:50px;display:inline-block;" > </label>
- <button type="button" onclick="onClickCenter()" style="width:100px;" >居中</button>
- </form>
- <p> </p>
- <canvas id="myCanvas2" width="1920" height="1080" style="border:0px solid #c3c3c3;">
- Your browser does not support the canvas element.
- </canvas>
- <p id="demo">This is a paragraph.</p>
- <div style="width:1000px;height:1000px;border:#ccc solid 1px;" id="allmap"></div>
- </body>
- </html>
- <script src="baidumap.js"></script>
|