javascript - 向谷歌地图添加信息标记

Question

我正在尝试将信息添加到我的标记中，如何向此代码添加带有信息的气球:

map.addOverlay(new GMarker(new GLatLng(-34.8779420,-58.5514125)));

另一方面，我有第二个问题，当我为我阅读的内容添加气球时，我添加了第二个点，但这个点是可点击的？

Answer 1

您需要调用GMarker openInfoWindowHtml打开锚定到标记对象的信息窗口。您可以从添加到 GMarker 对象上的 click 事件的事件处理程序中调用此方法:

GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml("<h1>test</h1><p>test marker content</p>");
    });

这是一个 example of adding multiple markers and opening info windows for each one (source)。

你的第二个问题:

您可以任意将标记添加到您的谷歌地图，然后为这些标记添加事件监听器。所以，是的，您的第二个标记可以点击。

注意您正在使用 version two API 在你的例子中。最近version three的 API 已移至生产状态，并推荐用于新站点。

这是在 API 第三版中创建信息窗口并为标记打开它的示例:

var infowindow = new google.maps.InfoWindow({content: "blah"});

var marker = new google.maps.Marker({
        position: point,
        map: map,
        });

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