logo

高德地图显示多个弹窗及根据经纬度画线

作者:php是最好的2024.01.18 07:11浏览量:15

简介:介绍如何在高德地图上同时显示多个弹窗,并根据经纬度画线。

要在高德地图上同时显示多个弹窗,你可以使用高德地图的MarkerManager功能。MarkerManager可以帮助你在地图上添加、删除、移动标记,以及控制标记的显示和隐藏。
首先,你需要在高德地图上添加MarkerManager,代码如下:

  1. var markerManager = new AMap.MarkerManager(map);

然后,你可以使用addMarker方法添加标记,并设置标记的属性,如位置、图标等。例如:

  1. var marker1 = new AMap.Marker({
  2. position: [106.521392, 29.573258],
  3. map: map,
  4. icon: '../img/Law.png'
  5. });
  6. var marker2 = new AMap.Marker({
  7. position: [106.54852, 29.534435],
  8. map: map,
  9. icon: '../img/Law.png'
  10. });

添加完标记后,你可以使用MarkerManager的show方法显示标记:

  1. markerManager.show([marker1, marker2]);

如果你想根据经纬度画线,你可以使用AMap.Polyline方法。例如:

  1. var lineCoordinates = [
  2. [106.521392, 29.573258],
  3. [106.54852, 29.534435]
  4. ];
  5. var line = new AMap.Polyline({
  6. path: lineCoordinates,
  7. strokeWeight: 2,
  8. strokeColor: '#FF0000',
  9. map: map
  10. });

上述代码将在地图上绘制一条红色的线,连接两个标记点。

相关文章推荐

发表评论