高德地图jsapi移动到目标位置
时间: 2024-03-01 12:54:49 浏览: 151
要移动到目标位置,可以使用高德地图JSAPI中的`AMap.Marker`类和`AMap.Animation`类。
首先,创建一个`AMap.Marker`对象,设置其`position`属性为目标位置的经纬度。然后,通过`map.add(marker)`方法将该标记添加到地图上。
接下来,使用`AMap.Animation`类中的`AMap.Animation.move`方法,将标记移动到目标位置。这个方法需要传入两个参数:目标位置的经纬度和移动的速度。
下面是一个示例代码:
```javascript
var map = new AMap.Map('container', {
zoom: 14,
center: [116.39, 39.9]
});
// 创建一个标记对象
var marker = new AMap.Marker({
position: [116.4, 39.9]
});
// 将标记添加到地图上
map.add(marker);
// 移动标记到目标位置
var targetPoint = [116.41, 39.9];
var speed = 100; // 单位:米/秒
marker.moveAlong([targetPoint], speed);
```
这段代码会将标记从原位置移动到目标位置,速度为每秒100米。
阅读全文