Google Maps api v3（Javascript）：infowindow中的图像

Question

我正在尝试建立一个网站，我希望有一个地图，其中有几个标记（使用不同的颜色），并使用复选框进行过滤。我正在研究这个例子：

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

我已经改变了一点，我删除了侧边栏。它对我来说很有用，但是我将如何将图像放入信息窗口有点令人困惑。我想要一个缩略图大小的图像和一个infowindow的小评论。此示例包含一个外部xml文件http://www.geocodezip.com/categories.xml，其中包含一个标记以及一些属性，如name，id，address，category。 它也使用外部js文件，但这并不困扰我。

我正在考虑制作一个名为content的数组并将图像放在那里，然后在for（第195行）中调用它。像制作一个名为content（）的新变量;并将其添加到var html（）; （第202行）。但它不起作用。我还想过将一个属性放在名称“照片”上，例如。然后地图甚至不显示在页面上。

显然我不是程序员，我的技能也不是很好。如果有人对此有所了解，我将不胜感激！对不起，我的英文也是。谢谢:)）

Answer 1

我可以为你写这个页面，但那有什么乐趣？ ;）

首先，可以从这里获得标记：

https://sites.google.com/site/gmapsdevelopment/ Ctrl-Find“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）

Answer 2

使用图片创建自定义标记可以here。