信息窗口中带有多个标记的小部件

Question

我正在尝试使用Google Maps API创建一个带有大量标记和信息窗口的地图。我可以得到一个地图来显示许多标记和信息窗口，无论是脚本中的位置还是从文件加载它们。

我想做的是把这段代码：

<script type="text/javascript" src="http://www.tidetimes.org.uk/aberdaron-tide-times.js"></script> 

进入信息窗口，

以便标记将位于该位置，单击信息窗口时显示潮汐时间。

我找不到任何方法可以让它在信息窗口中工作。谁能帮忙？谢谢

Answer 1

对不起，我不完全明白你在说什么。"我想做的是将此代码放入信息窗口中，以便标记将位于该位置，单击信息窗口时显示潮汐时间"到底是什么意思？

首先，您不需要信息窗口中的代码来为标记提供位置。这是标记标准属性之一。

其次，我几乎可以肯定您的信息窗口中不能有事件（代码）。您可以做的是，当用户单击标记时，地图将放大或缩小。稍后您可以在该标记上设置另一个事件。

也许这会帮助你的答案（取自谷歌地图API文档）

"InfoWindow 的内容可能包含文本字符串、HTML 片段或 DOM 元素本身。

Answer 2

您需要将html添加到信息窗口。

查看文档

var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var contentString = '<div id="content">'+
    '<div id="siteNotice">'+
    '</div>'+
    '<h2 id="firstHeading" class="firstHeading">Uluru</h2>'+
    '<div id="bodyContent">'+
    '<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large ' +
    'sandstone rock formation in the southern part of the '+
    'Northern Territory, central Australia. It lies 335 km (208 mi) '+
    'south west of the nearest large town, Alice Springs; 450 km '+
    '(280 mi) by road. Kata Tjuta and Uluru are the two major '+
    'features of the Uluru - Kata Tjuta National Park. Uluru is '+
    'sacred to the Pitjantjatjara and Yankunytjatjara, the '+
    'Aboriginal people of the area. It has many springs, waterholes, '+
    'rock caves and ancient paintings. Uluru is listed as a World '+
    'Heritage Site.</p>'+
    '<p>Attribution: Uluru, <a href="http://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
    'http://en.wikipedia.org/w/index.php?title=Uluru</a> (last visited June 22, 2009).</p>'+
    '</div>'+
    '</div>';
var infowindow = new google.maps.InfoWindow({
    content: contentString
});

编辑

在进一步检查您的代码和站点后，我相信您正在询问如何通过单个文件注入时间和日期。

我的建议是使用服务器端代码中返回的 JSON 对象，遍历 json 对象并使用弹出窗口模板。

如果你好奇，你可以参考我们类似的东西，http://demo.mapitusa.com 你可以很容易地浏览源代码，找到所需的js文件，并查看一个工作示例。