📜  谷歌地图禁用信息窗口 (1)

📅  最后修改于: 2023-12-03 15:28:12.395000             🧑  作者: Mango

禁用谷歌地图信息窗口

如果您正在开发使用谷歌地图 API 的应用程序,您可能会发现地图上的默认信息窗口非常烦人。这些窗口会在用户单击地图上的标记时打开,通常会显示有关该标记的详细信息。但是,在某些情况下,您可能希望完全禁用这些信息窗口,以便更好地控制用户与地图的交互。

以下是如何禁用谷歌地图默认信息窗口的步骤:

  1. 首先,使用 JavaScript 创建一个新的谷歌地图对象,如果您已经这样做了,可以跳过此步骤:
var map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: -34.397, lng: 150.644},
  zoom: 8
});
  1. 接下来,创建一个新的 InfoWindow 对象,并将其指定为地图上的通用信息窗口:
var infowindow = new google.maps.InfoWindow();
  1. 现在,添加一个单击事件侦听器以侦听地图上的标记单击事件。当单击标记时,打开信息窗口。注意,信息窗口在这里不会显示任何内容:
google.maps.event.addListener(marker, 'click', function() {
  infowindow.open(map, marker);
});
  1. 最后,将信息窗口的内容设置为空字符串,这样它就不会显示标记的详细信息:
infowindow.setContent('');

现在,您已成功禁用了谷歌地图默认信息窗口。您可以根据需要自定义信息窗口的外观和内容,以更好地控制用户与地图的交互。

以上步骤可以在 JavaScript 代码中实现,以便您可以在您的网站或应用程序中使用它们。如果您需要更多帮助或详细说明,请参见谷歌地图 API 文档。