当用户在地图上单击时,可以查看详细信息

View detailed information when the user click on a map

本文关键字:详细信息 用户 地图 单击      更新时间:2023-09-26

我一直在接管一个高尔夫俱乐部网站的责任,因为制作页面的人不再有时间管理它。现在最紧迫的是修复一个flash动画,该动画显示的信息根本不起作用。我将用JavaScript来做,但那是很久以前的事了,我急于修复它。所以我在这里请求帮助。

要求:

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

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

最快的方式:

使用http://www.maschek.hu/imagemap/imgmap创建一个图像映射。而不是在点击区域时加载URL,而是使用thickbox或类似的东西加载覆盖


原始回答:

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

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

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

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