javascript - 当用户点击 map 时查看详细信息

Question

当制作该页面的人不再有时间管理它时，我一直在接管一个高尔夫俱乐部的网站。现在最紧迫的是修复一个 flash 动画，该动画显示有关根本不起作用的漏洞的信息。我会用 JavaScript 来做，但很久以前我就做过类似的事情，现在急于修复它。所以我在这里寻求帮助。

要求:

1. 必须显示整个高尔夫球场的 map
2. 应该可以点击 map 上的各种洞
3. 当用户点击 map 上的某个球洞时，会显示球洞的详细图片以及球洞的描述和球洞赞助商的广告
4. (可选)广告必须在原地飞行并带有动画，以便用户注意到它

Answer 1

我以为我出于某种原因进入了谷歌地图部分。这是我修改后的答案

最快的方法:

使用 http://www.maschek.hu/imagemap/imgmap 创建图像映射.单击该区域时不加载 URL，而是使用 thickbox 加载叠加层或类似的东西

---

原答案:

如果您需要快速完成，我建议在每个孔上放置一个多边形并将点击处理程序附加到多边形以显示其他信息

这是一个多边形创建器:http://www.the-di-lab.com/polygon/

Google map 多边形文档 http://code.google.com/apis/maps/documentation/javascript/overlays.html#Polygons

我做了很多谷歌地图，所以如果你需要一些帮助给我发邮件。