iframe无法展示轨迹，因其仅加载静态快照，不支持动态绘制、无JS运行环境、不可跨域操作且不支持轨迹参数；必须使用对应地图SDK自行解析坐标、转换坐标系、构造路径并控制动画。
直接用 iframe 无法展示轨迹——它只加载静态快照，不支持动态绘制线段、点序列或实时更新。要画轨迹，必须上 JS SDK，并自己解析坐标、构造路径、控制动画节奏。
为什么 iframe 嵌入地图不能画轨迹
所有主流地图服务商（百度、高德、Google）给的分享链接生成的 iframe，本质是渲染一个带固定参数的静态图页面。它不暴露 DOM 接口，也不提供 JavaScript 运行上下文，document.getElementById("map") 拿不到实例，AMap.Polyline 或 BMap.Polyline 等类根本不存在。
- 常见错误现象：
Uncaught ReferenceError: AMap is not defined或地图容器空白，多半是误把 SDK 初始化代码和iframe混在一起写 - 即使强行在
iframe外层加script标签，也无法跨域访问其内部 window 对象（CORS 和同源策略双重拦截） - 高德/百度的「嵌入网页」链接里带的
&marker=参数只能打一个点，不能传数组，更不支持&path=这类轨迹参数
轨迹数据怎么喂给地图 SDK
轨迹本质是一组有序经纬度点，关键在格式对齐和服务商坐标系要求。国内地图 SDK 默认不接受 WGS-84（GPS 原始坐标），必须转成 GCJ-02（高德、腾讯）或 BD-09（百度）。
- 如果你的数据来自手机 GPS 或开源 GPS 日志，大概率是 WGS-84；直接传给
AMap.Polyline会导致整条线偏移几百米 - 高德 SDK v2.0+ 内置
AMap.ConvertFrom方法可批量纠偏：AMap.ConvertFrom([[116.4,39.9]], 'gps', callback) - 百度地图没有内置转换，得自己引入第三方库（如
gcoord）或调用百度提供的坐标转换 API（需配额） - Leaflet + OpenStreetMap 是例外：它原生支持 WGS-84，无需转换，适合快速验证轨迹逻辑
用高德地图画一条带箭头的移动轨迹线
高德 SDK 的 AMap.Polyline 支持 showDir: true 自动加箭头，但只在缩放级别 ≥13 时生效，且默认箭头小而淡。实际项目中建议手动叠加 AMap.Marker 模拟移动点，再用 setPath() 动态截取前 N 个点来“生长”线条。
立即学习“前端免费学习笔记（深入）”；
- 初始化时先创建空线：
const polyline = new AMap.Polyline({ path: [], strokeColor: '#00aaff', strokeWeight: 6 }); map.add(polyline); - 每 500ms 取新坐标，调用
polyline.setPath(path.slice(0, i++))实现渐进式绘制 - 避免一次性 push 全部点后重绘——大数据量（>1000 点）会卡顿；改用
path.splice()控制长度，配合map.setFitView(path)自动缩放到当前轨迹范围 - 别忘了在
map.on('zoomend')里重新计算箭头密度，否则 zoom 变化后箭头可能堆叠或消失
百度地图 WebGL 版（BMapGL）画轨迹的坑
百度 BMapGL 支持 GPU 加速，画万级点轨迹比传统 BMap 流畅得多，但它不兼容老版 API，BMap.Point 和 BMap.Polyline 在 BMapGL 里完全不可用，必须换用 BMapGL.LatLng 和 BMapGL.Polyline。
- 引入地址必须是
https://api.map.baidu.com/api?v=3.0&ak=xxx&type=webgl，漏掉&type=webgl会加载失败，控制台报Cannot read property 'Map' of undefined -
BMapGL.Polyline不支持strokeStyle: 'dashed'，虚线得用setOptions({ strokeDasharray: [10, 5] }) - 移动端双指缩放时，轨迹线可能因精度丢失出现锯齿——需开启
antialias: true选项（默认 false） - 如果轨迹点含海拔（z 值），BMapGL 能渲染 3D 效果，但
centerAndZoom不会自动抬高视角，得手动调map.setHeading()和map.setTilt()
轨迹不是“画出来就行”，而是要对齐坐标系、控住帧率、适配缩放、处理边界点。最易被忽略的是：WGS-84 数据直接喂给国内 SDK 必偏，而 iframe 方案从根子上就拒绝你喂任何数据。
