当用户在地图上单击时,可以查看详细信息
View detailed information when the user click on a map
我一直在接管一个高尔夫俱乐部网站的责任,因为制作页面的人不再有时间管理它。现在最紧迫的是修复一个flash动画,该动画显示的信息根本不起作用。我将用JavaScript来做,但那是很久以前的事了,我急于修复它。所以我在这里请求帮助。
要求:
- 必须显示整个高尔夫球场的地图
- 应该可以点击地图上的各个洞
- 当用户在地图上点击一个洞时,将显示该洞的详细图片,以及该洞的描述和赞助商广告
- (可选)广告必须在适当的地方飞行与动画,以便用户注意到它
出于某种原因,我以为我在谷歌地图部分。这是我修改后的答案
最快的方式:
使用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
我做了很多谷歌地图,所以如果你需要一些帮助,给我发邮件。
相关文章:
- 在每个 AJAX 请求(Sencha Touch 2)中发送用户详细信息(会话令牌)
- phonegap Facebook集成-从Facebook获取用户详细信息
- 如何使用html/html5中的用户输入获取完整的地理位置详细信息
- 如何在角度 Js 中管理所有控制器的用户详细信息
- 我正在使用Facebook登录,并希望在他登录后获取用户详细信息
- 如何使用php创建应用程序ID后从Facebook获取用户详细信息
- 我无法在会话中正确保存用户详细信息
- 无法在数据库中保存facebook登录用户的详细信息
- GitHub:如何避免在搜索帐户时超过搜索限制'为某个存储库做出贡献的用户的详细信息
- 点击提交按钮后,用户输入的详细信息必须显示在另一个注册表中
- 更新用户:保存已填写的详细信息
- 如何从解析云中获取完整的用户详细信息,并将其用于后台作业功能
- 当用户运行我们的应用程序时,我如何获取设备详细信息
- 将用户详细信息从javascript保存到java
- 如何检索用户的详细信息喜欢按钮回调函数在facebook
- 根据用户详细信息在Javascript中创建一个随机令牌
- 如何获取发送数据的用户的详细信息(.emit())到nodejs服务器
- 获取有关组合框更改的用户详细信息
- 网站保存用户详细信息
- 在用户输入详细信息后从JavaScript打开URL