轨迹展示&巡航

最新推荐文章于 2024-04-28 14:44:12 发布

ForrestGumpZHanG

最新推荐文章于 2024-04-28 14:44:12 发布

阅读量1.5k

点赞数

分类专栏：高德地图

本文链接：https://blog.csdn.net/qq_36026747/article/details/80886053

版权

本文展示了如何使用AMAP地图API创建轨迹展示和巡航效果。通过PathSimplifier库，实现了路径简化、颜色变化及动态导航标志等功能。用户可以观察到不同速度和循环模式的轨迹播放。

摘要由CSDN通过智能技术生成

<!doctype html>
<html lang="zh-CN">

<head>

<base href="http:webapi.amap.com/ui/1.0/ui/misc/PathSimplifier/examples/" />
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>轨迹展示&巡航</title>
<style>
html,
body,
#container {
width: 100%;
height: 100%;
margin: 0px;
}

#loadingTip {
position: absolute;
z-index: 9999;
top: 0;
left: 0;
padding: 3px 10px;
background: red;
color: #fff;
font-size: 14px;
}
</style>
</head>

<body>
<div id="container"></div>
<script type="text/javascript" src='http://webapi.amap.com/maps?v=1.4.6&key=6202c32e3dccbecd6d7251d9f396db30&plugin=AMap.TruckDriving'></script>

<script src="http:webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
<script type="text/javascript">
//创建地图
var map = new AMap.Map('container', {
zoom: 4
});