Google Map API v3 ~ 只需关闭信息窗口

Google

使用Google Map API v3可以轻松地在网页上集成地图和位置服务。API提供了丰富的功能，如地图展示、地理编码、路线规划等。在本文中，我们将重点讨论如何关闭Google Map API v3中的信息窗口。

关闭信息窗口的方法

在Google Map API v3中，要关闭信息窗口可以使用close()方法。该方法用于关闭当前打开的信息窗口。

下面是一个简单的示例代码，演示了如何关闭信息窗口：

html
<!DOCTYPE html>
<html>
<head>
  <title>关闭信息窗口示例</title>
  <style>
    #map {
      height: 400px;
    }
  </style>
</head>
<body>
  <h1>关闭信息窗口示例</h1>
  <div id="map"></div>
  <script>
    function initMap() {
      // 创建地图
      var map = new Google.maps.Map(document.getElementById('map'), {
        center: {lat: 40.7128, lng: -74.0060},
        zoom: 12
      });
      // 创建一个标记
      var marker = new Google.maps.Marker({
        position: {lat: 40.7128, lng: -74.0060},
        map: map,
        title: '纽约市'
      });
      // 创建信息窗口
      var infoWindow = new Google.maps.InfoWindow({
        content: '这是纽约市的信息窗口'
      });
      // 打开信息窗口
      infoWindow.open(map, marker);
      // 关闭信息窗口
      infoWindow.close();
    }
  </script>
  <script async defer src="https://maps.Googleapis.com/maps/api/JS?key=YOUR_API_KEY&callback=initMap"></script>
</body>
</html>

在上面的代码中，我们首先创建了一个地图，并在纽约市中心添加了一个标记。然后，我们创建了一个信息窗口，并将其与标记关联起来。接着，我们使用open()方法打开信息窗口，并使用close()方法关闭信息窗口。

通过使用Google Map API v3，我们可以轻松地在网页中集成地图和位置服务。关闭信息窗口只需要简单地调用close()方法即可。希望本文能够帮助你了解如何关闭Google Map API v3中的信息窗口，并在实际项目中得到应用。