高德地图绘制多个两点一线,并且可以选中其中一条线条,并且获取两个点的经纬度
时间: 2024-09-24 10:19:34 浏览: 50
高德地图多个经纬度定位和标记
在高德地图API中,你可以使用`AMap polyline`对象来绘制多个两点一线。首先,你需要创建`AMap.Polyline`实例并传入一系列的`LatLng`坐标对。例如:
```javascript
// 创建一个Polyline对象
var polyline = new AMap.Polyline({
path: [ // 经纬度数组,比如['116.404,39.915', '116.407,39.918'], 这里表示北京到故宫的一段路线
new AMap.LatLonPoint(116.404, 39.915),
new AMap.LatLonPoint(116.407, 39.918)
],
strokeColor: '#FF0000', // 线条颜色
strokeWeight: 3, // 线宽
clickable: true // 设置线程可点击
});
// 将polyline添加到地图上
map.add(polyline);
// 当用户点击这条线时,可以监听click事件获取经纬度
polyline.addEventListener('click', function(e) {
var point = e.target.getPoint(); // 获取点击位置的latLng
console.log('点击了线路,经度:', point.lng, ', 纬度:', point.lat);
});
```
这里设置了`clickable`属性为`true`,使得线条可点击。当用户点击某一点时,会触发`click`事件,通过`getPoint()`方法可以获取到点击位置的经纬度。
阅读全文