在具有多个标记的Google地图上使用自定义弹出窗口，而不是信息窗口

，可以通过以下步骤实现：

首先，确保你已经在网页中引入了Google Maps API，并且已经创建了一个地图实例。
创建一个自定义的弹出窗口样式，可以使用HTML、CSS和JavaScript来实现。你可以自定义弹出窗口的外观和内容，例如添加图片、文本、链接等。
在每个标记的点击事件中，使用JavaScript代码来打开自定义的弹出窗口。你可以通过给每个标记添加一个唯一的标识符或ID来区分它们。
在弹出窗口中显示相关的信息。你可以使用JavaScript代码来动态地填充弹出窗口的内容，例如从数据库中获取数据或者使用静态数据。
如果需要，你还可以为弹出窗口添加交互功能，例如按钮、表单等。

以下是一个示例代码，展示了如何在Google地图上使用自定义弹出窗口：

<!DOCTYPE html>
<html>
<head>
  <title>Custom Info Windows on Google Maps</title>
  <style>
    #map {
      height: 400px;
      width: 100%;
    }
    .custom-info-window {
      background-color: #fff;
      border: 1px solid #ccc;
      padding: 10px;
      width: 200px;
    }
  </style>
</head>
<body>
  <div id="map"></div>

  <script>
    // 创建地图实例
    var map = new google.maps.Map(document.getElementById('map'), {
      center: {lat: 37.7749, lng: -122.4194},
      zoom: 12
    });

    // 创建自定义弹出窗口的内容
    function createInfoWindowContent(marker) {
      var content = '<div class="custom-info-window">' +
                    '<h3>' + marker.title + '</h3>' +
                    '<p>' + marker.description + '</p>' +
                    '</div>';
      return content;
    }

    // 创建标记
    var marker1 = new google.maps.Marker({
      position: {lat: 37.7749, lng: -122.4194},
      map: map,
      title: 'Marker 1',
      description: 'This is marker 1.'
    });

    var marker2 = new google.maps.Marker({
      position: {lat: 37.7749, lng: -122.4294},
      map: map,
      title: 'Marker 2',
      description: 'This is marker 2.'
    });

    // 创建弹出窗口
    var infoWindow = new google.maps.InfoWindow();

    // 标记点击事件
    marker1.addListener('click', function() {
      var content = createInfoWindowContent(marker1);
      infoWindow.setContent(content);
      infoWindow.open(map, marker1);
    });

    marker2.addListener('click', function() {
      var content = createInfoWindowContent(marker2);
      infoWindow.setContent(content);
      infoWindow.open(map, marker2);
    });
  </script>
  <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
</body>
</html>

在上述示例代码中，我们创建了一个地图实例，并在地图上添加了两个标记(marker1和marker2)。每个标记都有一个标题和描述。当点击标记时，会打开一个自定义的弹出窗口，显示标记的相关信息。

请注意，上述示例代码中的YOUR_API_KEY需要替换为你自己的Google Maps API密钥。

希望这个示例能帮助你在Google地图上使用自定义弹出窗口。如果你需要更多关于Google Maps API的信息，可以参考腾讯云的相关产品：腾讯位置服务。