如何使用谷歌地图?

时间:2010-08-01 11:54:55

标签: javascript google-maps javascript-events

这是一个新手问题,我正在尝试为我的标记添加信息, 如何向此代码添加包含信息的气球

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

另一方面,我有第二个问题,当我为我所读的内容添加气球时,我正在添加第二个点,但这一点是可点击的吗?

3 个答案:

答案 0 :(得分:2)

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

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 onesource)。

你的第二个问题:

您可以随意向Google地图添加标记,然后为这些标记添加事件侦听器。所以,是的,你的第二个标记可以点击。

N.B。您在示例中使用的是version two API。最近,version three的API已升级到生产状态,建议用于新网站。

以下是创建信息窗口并在API版本3中为标记打开信息的示例:

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

答案 1 :(得分:1)

编辑:这个答案适用于GMaps V3 - 如果你要开始一个新项目你应该使用它 - 但你的问题意味着GMaps V2。

你看过这里:http://code.google.com/apis/maps/documentation/javascript/overlays.html#InfoWindows

在这里查看来源:
http://code.google.com/apis/maps/documentation/javascript/examples/infowindow-simple.html

这是添加infowindow / bubble的链接:

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

答案 2 :(得分:0)

在回答你的第一个问题时,请尝试这样的事情。

var map = new GMap2(document.getElementById("map"));  
var gmarkers = [];  

map.addOverlay(createMarker(new GLatLng(-34.8779420,-58.5514125), "Marker1")); 

function createMarker(point, name)  
{  
    var marker = new GMarker(point);

    if(name!="UserMarker")
        gmarkers.push(marker);  

    GEvent.addListener(marker, 'click', function() {  
        var HTML_CODE=  "<p>Hello</p>";
        marker.openInfoWindowHtml(HTML_CODE);
    });  

    return marker;  
}

我不明白你的第二个问题是什么。