如何打开 Google 地图中使用的 infoWindow？

Question

我在一个联系页面中使用了Google地图，并希望显示在Google地图上使用的信息窗口。请前往以下链接：Gmap，然后单击标记。应该会出现一个信息窗口。

我的问题是：如何在我的网站上实现同样的效果？PS：我知道如何构建google.maps.InfoWindow对象，但我不想自己创建HTML。

- user1800356

Answer 1

这是关于 Google 地图文档的部分，解释了这个内容：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);

设置您的信息窗口内容

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)"
});

最后，只需将“click”事件绑定到您创建的信息窗口上即可。

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

- keithxm23

---

是的，我知道，但这样我就得自己创建HTML。我只想使用由Google预先构建的那个... - user1800356

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

是的，谢谢，看起来还不错，但我如何获取我的 Place 的引用？ : / - user1800356

我猜你需要使用谷歌的地理编码API。https://developers.google.com/maps/documentation/geocoding/不过我自己并没有使用过这个API。 - keithxm23

谢谢，那有帮助，但问题还没有解决。我无法弄清楚如何找到我的位置参考并在位置 API 中使用它。使用 iframe 以前这很简单... - user1800356