如何用OpenLayers在Vue中实现动态轨迹的实时更新？

本文共计2040个文字，预计阅读时间需要9分钟。

目录+实现效果+创建地图容器+引入地图相关对象+创建地图对象+创建一条线路+绘制线路+添加起点、终点+添加小车+准备开车+完整代码+实现效果+今日介绍一个有趣的GIS小功能：动态驾驶

目录

• 实现效果
• 创建一个地图容器
• 引入地图相关对象
• 创建地图对象
• 创建一条线路
• 画一条线路
• 添加起、终点
• 添加小车
• 准备开车
• 完整代码

实现效果

今天介绍一个有趣的gis小功能：动态轨迹播放！效果就像这样：

这效果看着还很丝滑！别急，接下来教你怎么实现。代码示例基于parcel打包工具和es6语法，本文假设你已经掌握相关知识和技巧。

gis初学者可能对openlayers（后面简称ol）不熟悉，这里暂时不介绍ol了，直接上代码，先体验下感觉。