vue高德地图 动态数据

可以使用高德地图提供的 JavaScript API 来实现动态数据的展示。具体步骤如下：

1. 引入高德地图 JavaScript API 的 SDK 文件。

2. 创建地图实例，并设置地图中心点和缩放级别。

3. 创建 Marker 实例，并设置 Marker 的位置和图标。

4. 将 Marker 添加到地图上。

5. 使用定时器或其他方式，定期更新 Marker 的位置和图标。

以下是一个简单的示例代码：

// 引入高德地图 JavaScript API 的 SDK 文件
<script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>

// 创建地图实例
var map = new AMap.Map('container', {
  center: [116.397428, 39.90923],
  zoom: 13
});

// 创建 Marker 实例
var marker = new AMap.Marker({
  position: [116.397428, 39.90923],
  icon: 'https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png'
});

// 将 Marker 添加到地图上
marker.setMap(map);

// 定时更新 Marker 的位置和图标
setInterval(function() {
  var lng = Math.random() * 0.1 + 116.397428;
  var lat = Math.random() * 0.1 + 39.90923;
  marker.setPosition([lng, lat]);
}, 1000);