使用Google Maps API为标记创建自定义HTML信息窗口

Question

我正在使用Google Maps API创建一系列信息来填充标记。

如何使用以下脚本将html添加到标记？

数组虽然是在php循环中构建的。

var markers = [];
var title = [];

var point = new GLatLng(51.505804230524056,-0.11801719665527344);
marker = new GMarker(point);
map.addOverlay(marker);
markers[0] = marker;
title[0] = "marker 0";

var point = new GLatLng(51.45400691005981,-0.263671875);
marker = new GMarker(point);
map.addOverlay(marker);
markers[1] = marker;
title[1] = "marker 1";

Answer 1

如果您使用v2.0 of the API？如果是这样，我强烈建议您从您的网站创建RSS / XML / KML Feed，然后使用GGeoXml class从该Feed创建叠加层。

如果您使用的是v3.0 of the API，那么GGeoXml class is not available已经开发了geoxml3 library，只允许 KML 文件。

话虽这么说，如果你想在v2.0中直接添加标记，你可以调用bindInfoWindow，bindInfoWindowHtml，bindInfoWindowTabs或bindWindowInfoTabsHtml方法。您创建的GMarker个实例，用于设置单击标记时显示的HTML。

在API的v3.0中，您将创建InfoWindow class的实例，然后调用open方法，传递可选的anchor参数，该参数代表MVCObject instance（在本例中为你的Marker instance）。