0

我正在尝试使用 Google Maps API 创建一个包含大量标记和信息窗口的地图。我可以获得一张地图，以显示大量标记和信息窗口，或者使用脚本中的位置或从文件中加载它们。

我想要做的是把这个代码：

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

进入信息窗口，因此标记将位于该位置，单击信息窗口时会显示潮汐时间。

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

4

2 回答 2

1

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

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

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

也许这会帮助您回答（取自 Google Maps API 文档）

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

于 2012-06-19T10:06:28.463 回答
0

您需要将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 文件并查看工作示例。

于 2012-06-19T17:59:48.973 回答