谷歌地图Api:如何添加标记和语音泡沫？

Question

我已经设法使用谷歌地图的Javascript api在我的网站上获得谷歌地图..它的效果很好......

任何人都可以告诉我如何添加语音气泡和标记...图示在这里... http://code.google.com/apis/maps/

基本上我的网站显示一个简单的地图,但它缺少办公室所在的标记和我要放置办公地址的讲话泡泡

任何帮助将非常感激.

这是我到目前为止的代码

if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(40.466997, -3.705482), 13);


}

Answer 1

可以使用GMarker类添加标记; 例如,要向地图添加一个点,我会使用这样的东西:

var point = new GPoint(45.779915302498935, 4.803814888000488);
var marker = new GMarker(point);
map.addOverlay(marker);

(当然,你必须调整你的办公室的坐标,所以它没有指向法国的某些点^^;我想你发布的那些应该做的伎俩;-))

对于信息窗口,您可以在标记上使用GMarker.openInfoWindowHhtml方法.

我想这样的事情应该可以解决问题:

if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(40.466997, -3.705482), 13);

    var point = new GPoint(-3.705482, 40.466997);
    var marker = new GMarker(point);  // Create the marker
    map.addOverlay(marker);           // And add it to the map

    // And open some infowindow, with some HTML text in it
    marker.openInfoWindowHtml(
        'Hello, <strong>World!</strong>'
    );
}

结果如下:

http://extern.pascal-martin.fr/so/question-1933777-1.png

现在,由你来建立这里;-)