高德地图轨迹回放，消息框内展示车辆速度且随车辆移动

最新推荐文章于 2024-06-23 03:05:58 发布

原创

最新推荐文章于 2024-06-23 03:05:58 发布 · 3.1k 阅读

20 ·

CC 4.0 BY-SA版权

直接上代码和效果图，代码中有步骤注释，很简单
需要替换您自己的高德API KEY。

<html>
<head>
    <script src="https://webapi.amap.com/maps?v=1.3&key=你的KEY&plugin=AMap.Autocomplete,AMap.Walking,AMap.PlaceSearch,AMap.PolyEditor,AMap.CircleEditor,AMap.Transfer,AMap.Driving,AMap.CitySearch,AMap.Heatmap,AMap.Size" type="text/javascript"></script>
    <script src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>

<body>

<div id="mapContainer" style="height: 100%;width: 100%;">


</div>

</body>


<script type="text/javascript">
    // 车辆轨迹、速度数据
    var routeInfo = [{"lat":41.898985,"lng":123.532276,"speed":0.89},{"lat":41.898994,"lng":123.532212,"speed":1.55},{"lat":41.898965,"lng":123.532254,"speed":1.34},{"lat":41.899023,"lng":123.53229,"speed":4.74},{"lat":41.899022,"lng":123.532157,"speed":0.78},{"lat":41.899028,"lng":123.532115,"speed":11.43},{"lat":41.89907,"lng":123.53213,"speed":17.04},{"lat":41.89908,"lng":123.53206,"speed":11.78},{"lat":41.899079,"lng":123.5321,"speed":10.43},{"lat":41.898989,"lng":123.532134,"speed":7.47},{"lat":41.899051,"lng":123.532292,"speed":6.27},{"lat":41.899111,"lng":123.532169,"speed":6.88},{"lat":41.898991,"lng":123.532168,"speed":5.98},{"lat":41.899083,"lng":123.532157,"speed":2.29},{"lat":41.899114,"lng":123.532184,"speed":2.93},{"lat":41.899054,"lng":123.532083,"speed":2.48},{"lat":41.898948,"lng":123.532208,"speed":2.4},{"lat":41.898965,"lng":123.53223,"speed":1.59},{"lat":41.899085,"lng":123.532219,"speed":2.96},{"lat":41.899019,"lng":123.532224,"speed":4.64},{"lat":41.899089,"lng":123.532236,"speed":3.86},{"lat":41.899091,"lng":123.532176,"speed":6.02},{"lat":41.899038,"lng":123.532115,"speed":8.42},{"lat":41.864238,"lng":123.510692,"speed":0.89},{"lat":41.86401,"lng":123.510915,"speed":2.61},{"lat":41.863474,"lng":123.510799,"speed":10.31},{"lat":41.863071,"lng":123.510626,"speed":6.76},{"lat":41.86271