高德地图显示多个弹窗及根据经纬度画线
2024.01.18 07:11浏览量:15简介:介绍如何在高德地图上同时显示多个弹窗,并根据经纬度画线。
要在高德地图上同时显示多个弹窗,你可以使用高德地图的MarkerManager功能。MarkerManager可以帮助你在地图上添加、删除、移动标记,以及控制标记的显示和隐藏。
首先,你需要在高德地图上添加MarkerManager,代码如下:
var markerManager = new AMap.MarkerManager(map);
然后,你可以使用addMarker方法添加标记,并设置标记的属性,如位置、图标等。例如:
var marker1 = new AMap.Marker({position: [106.521392, 29.573258],map: map,icon: '../img/Law.png'});var marker2 = new AMap.Marker({position: [106.54852, 29.534435],map: map,icon: '../img/Law.png'});
添加完标记后,你可以使用MarkerManager的show方法显示标记:
markerManager.show([marker1, marker2]);
如果你想根据经纬度画线,你可以使用AMap.Polyline方法。例如:
var lineCoordinates = [[106.521392, 29.573258],[106.54852, 29.534435]];var line = new AMap.Polyline({path: lineCoordinates,strokeWeight: 2,strokeColor: '#FF0000',map: map});
上述代码将在地图上绘制一条红色的线,连接两个标记点。

发表评论
登录后可评论,请前往 登录 或 注册