如何打开正在使用的 infoWindow 谷歌地图？

Posted 2023-03-16

【中文标题】如何打开正在使用的 infoWindow 谷歌地图？

【英文标题】：How to open the infoWindow google map is using?

【发布时间】：2012-10-25 09:07:08

【问题描述】：

我在联系页面中有一个 Goole 地图，我想在其中显示 Google 地图上使用的 infoWindow。

转到该链接：Gmap

然后点击标记。应该会出现一个信息窗口。

我的问题是：如何在我的网站上添加相同的内容？

Ps : 我知道如何构建 google.maps.InfoWindow 对象，但我不想自己创建 html。

【参考方案1】：

谷歌地图文档的这一部分解释了这一点：https://developers.google.com/maps/documentation/javascript/overlays#InfoWindows

定义你的经纬度坐标

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);

设置地图选项

var mapOptions = 
  zoom: 4,
  center: myLatlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP

初始化你的地图

var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

为您的 infowWindow 设置内容

var contentString = '<b>Set content for infowindow here in HTML<b>';

使用内容字符串初始化您的 infoWindow。

var infowindow = new google.maps.InfoWindow(
    content: contentString
);

将您的标记放置在上面定义的地图上先前定义的标记处

var marker = new google.maps.Marker(
    position: myLatlng,
    map: map,
    title:"Uluru (Ayers Rock)"
);

最后只需将标记上的“点击”事件绑定到您创建的信息窗口。

google.maps.event.addListener(marker, 'click', function() 
  infowindow.open(map,marker);
);

【讨论】：

是的，我知道，但是这样我必须自己创建 html。我只想使用谷歌的一个预构建......

哦，如果这是您想要的，您只需使用 Places API 来相应地设置 infoWindow 的内容。之前在这里问过同样的问题：***.com/a/8994877/1415352 如果这有帮助，请告诉我。

是的，谢谢，看起来没问题，但我如何获得我的地方的参考？ : /

我猜你需要谷歌的地理编码 API。 developers.google.com/maps/documentation/geocoding 不过我还没有使用过这个特定的 API。

谢谢，这有帮助，但问题没有解决。我不知道如何找到我的地点的参考并在地点 api 中使用它。使用 iframe 曾经如此简单...