& lt; ! Doctype html>
<meta charset="utf-8" & gt;
<meta HTTP - equiv="X - UA - Compatible" content="IE=edge" & gt;
<meta name="viewport" content="initial - scale=1.0, user - scalable=no, width=device - width" & gt;Trajectory playback & lt;/title> <br/><link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/& gt; <br/><style> <br/>HTML, body, # container {<br/>height: 100%; <br/>width: 100%; <br/>} <br/><br/>. The input - card. The BTN {<br/>Margin - right: 1.2 rem; <br/>Width: 9 rem; <br/>} <br/><br/>. The input - card. The BTN: last child {<br/> -Margin - right: 0; <br/>} <br/></style> <br/></head> <br/><body> <br/><Div id="container" & gt; </div> <br/><Div & gt; <br/><H4 & gt; Trajectory playback control & lt;/h4 & gt; <br/><Div & gt; <br/><Input type="button" value="https://bbs.csdn.net/topics/start animation" id="start" onclick="startAnimation ()"/& gt; <br/><Input type="button" value="https://bbs.csdn.net/topics/" suspended animation id="pause" onclick="pauseAnimation ()"/& gt; <br/></div> <br/><Div & gt; <br/><Input type="button" value="HTTP://https://bbs.csdn.net/topics/to continue animation" id="resume" onclick="resumeAnimation ()"/& gt; <br/><Input type="button" value="https://bbs.csdn.net/topics/stop animation" id="stop" onclick="stopAnimation ()"/& gt; <br/></div> <br/></div> <br/><The script type="text/javascript" SRC="https://webapi.amap.com/maps? V=1.4.15 & amp; Key=you for applying to the key value of "& gt; </script> <br/><script> <br/>Var marker; <br/>Var mapinit=new AMap. The Map (" container ", {<br/>ResizeEnable: true, <br/>Center: [116.397428, 39.90923], <br/>Zoom: 17 <br/>}); <br/>The function drawzb (zblist) <br/>{<br/>- wanted to incoming zblist replaced the following lineArr, results submitted to the script errors direct call no problem <br/>LineArr=[[116.478935, 39.997761], [116.478939, 39.997825], [116.478912, 39.998549], [116.478912, 39.998549], [116.478998, 39.998555], [116.478998, 39.998555], [116.479282, 39.99856], [116.479658, 39.998528], [116.480151, 39.998453], [116.480784, 39.998302], [116.480784, 39.998302], [116.481149, 39.998184], [116.481573, 39.997997], [116.481863, 39.997846], [116.482072, 39.997718], [116.482362, 39.997718], [116.483633, 39.998935], [116.48367, 39.998968], [116.484648, 39.999861]]. <br/>Var map=new AMap. The map (" container ", {<br/>ResizeEnable: true, <br/>Center: [116.397428, 39.90923], <br/>Zoom: 17 <br/>}); <br/>Marker=new AMap. Marker ({<br/>Map: the map, <br/>Position: [116.478935, 39.997761], <br/>Icon: "car. PNG," <br/>Offset: new AMap. Pixel (26, - 13), <br/>AutoRotation: true, <br/>Angle: - 90, <br/>}); <br/><br/>//draw the path <br/>Var polyline=new AMap. Polyline ({<br/>Map: the map, <br/>Path: lineArr, <br/>ShowDir: true, <br/>StrokeColor: "# 28 f",//line color <br/>//strokeOpacity: 1,//line transparency <br/>StrokeWeight: 6,//line width <br/>//strokeStyle: "solid"//line style <br/>}); <br/><br/>Var passedPolyline=new AMap. Polyline ({<br/>Map: the map, <br/>//path: lineArr, <br/>StrokeColor: "# AF5",//line color <br/>//strokeOpacity: 1,//line transparency <br/>StrokeWeight: 6,//line width <br/>//strokeStyle: "solid"//line style <br/>}); <br/><br/><br/>Marker. On (' moving ', function (e) {<br/>PassedPolyline. SetPath (e.p assedPath); <br/>}); <br/>Map. SetFitView (); <br/>} <br/>//<br/><br/>The function startAnimation () {<br/>Marker. MoveAlong (lineArr, 200); <br/>} <br/><br/>The function pauseAnimation () {<br/>Marker. PauseMove (); <br/>} <br/><br/>The function resumeAnimation () {<br/>Marker. ResumeMove (); <br/>} <br/><br/>The function stopAnimation () {<br/>Marker. StopMove (); <br/>} <br/></script> <br/></body> <br/></html> </pre> <br/><br/><br/><br/><pre> webBrowser1. Navigate (Application. StartupPath + "\ \ gj HTML"); <br/>WebBrowser1. ObjectForScripting=this; <br/><br/>WebBrowser1. Document. InvokeScript (" drawzb ", obj); <br/></pre> <br/><br/> </div> <div class="th_page th_page_color"></div> <div class="umCopyright"> <p>Page link：<a href="/net/30645.html" target="_blank" style="color:#999">https//www.codepudding.com/net/30645.html</a></p> </div> <div class="detail-arr"> <div class="detail-arr-left">Prev:<a href='/net/30644.html'>Mobile phone through open the web browser, call camera scan qr code and identify after a successful</a></div> <div class="detail-arr-right">Next:<a href='/net/31146.html'>Would you please tell me what the space web site ready, can be released?</a></div> </div> </div> </div> </div> </div> <div class="container th_top"> <div class="row"> <div class="col-md-12"> <div class="hot-tags neitags"> <ul> <li><i class="iconfont icon-x-tags"></i> Tags： </li> <a href='/e/tags/?tagname=C%23' target='_blank'>C#</a> </ul> </div> </div> </div> </div> <div class="container th_top"> <div class="row"> <div class="col-md-12"> <div class="xiangguan"> <ul class="msg msghead"> <li class="tbname">Related</li> </ul> <ul> </ul> </div> </div> </div> </div> <div class="container th_top"> <div class="row"> <div class="col-md-12"> <div class="flinks"> <ul> <li><i class="iconfont icon-x-tags"></i> Links： </li> <li class="liflinks"><a target="_blank" href="/" title="CodePudding">CodePudding</a></li> </ul> </div> </div> </div> </div> <div class="footer"> <p><span style="font-size:16px;color:#666;font-weight: bold">About Us:</span> <a href="https://www.codepudding.com/contact.html">Contact Us</a> <a href="https://www.codepudding.com/service.html">Terms of Service</a> <a href="https://www.codepudding.com/privacy.html"> Privacy Policy</a></p> <p class="foot_info">Copyright © 2010-2023，Powered By <a href="/" target="_blank">CodePudding</a> </p> </div> <script type="text/javascript" src="/skin/code/tianhu.js"></script> </body></html>
