用户单击地图时查看详细信息

时间:2011-08-15 17:44:53

标签: javascript html css html5 dhtml

当制作该页面的人不再有时间管理它时,我一直在为一个高尔夫俱乐部的网站承担责任。现在最紧迫的是修复一个flash动画,它提供了有关孔无法正常工作的信息。我将在JavaScript中完成它,但很久以前我做了类似的事情,而且很急于修复它。所以我在这里寻求帮助。

要求:

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

1 个答案:

答案 0 :(得分:1)

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

最快的方式:

使用http://www.maschek.hu/imagemap/imgmap创建图像地图。单击区域时不是加载URL,而是使用thickbox或类似的

加载叠加层

原始答案:

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

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

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

我做了很多谷歌地图,所以如果你需要帮助,请给我发电子邮件。