javascript - 谷歌地图 API v3(Javascript): Image in infowindow

Question

我正在尝试建立一个网站，我想要一个具有多个标记(具有不同颜色)并使用复选框过滤的 map 。我正在研究这个例子:

http://www.geocodezip.com/v3_MW_example_categories.html

我已经做了一些改动，我删除了侧边栏。它对我很有用，但我有点困惑如何将图像放入信息窗口。我想要缩略图大小的图像和信息窗口中的小评论。这个例子有一个外部 xml 文件 http://www.geocodezip.com/categories.xml带有标签和几个属性，如名称、ID、地址、类别。它还使用外部 js 文件，但这并不困扰我。

我正在考虑制作一个名为 content 的数组并将图像放在那里，然后在 for 中调用它(第 195 行)。比如创建一个名为 content () 的新变量；并将其添加到 var html (); (第 202 行)。但这是行不通的。例如，我还考虑过在名称“照片”上添加一个属性。但是 map 甚至没有显示在页面上。

显然我不是程序员，技术也不是很好。如果有人对此有任何线索，我将不胜感激!对不起我的英语。谢谢:)

Answer 1

我可以为你写页面，但那有什么乐趣呢？ ;)

首先，可以从这里获取标记:

https://sites.google.com/site/gmapsdevelopment/ Ctrl-查找“ms/micons”。

还有 Google Chart Icons但现在已弃用。

我建议查看 this page .它具有分组的复选框，您可以删除不需要的内容，就像您提到的边栏一样。诀窍是它使用 Ajax 从 this xml 检索标记信息。 .您可以采用相同的方法，或者直接在 JavaScript 文件中创建数据数组。

关于InfoWindow中的图像，只需在myInfoWindow.setContent(html)的html中放置一个“img src”标签即可。如果你能指出哪里出了问题，我会看看。本地图不显示时，通常会出现 JavaScript 错误，您的浏览器控制台会告诉您。 (Firefox 中的 Firebug，Chrome 中的 Ctrl+Shift+I 或 F12)