javascript - 使用 HTML5、CSS3、Javascript 创建交互式 map

标签 javascript jquery css html maps

我要构建和开发一个我学校的交互式 map 。 map 应该是完全交互式的,应该有可点击事件。当用户想要查看实验室详细信息时,他/她应点击特定的实验室区域。以便将可点击事件、弹出窗口应用于 map 。

我已经用 SVG/CSS 和 HTML5 开始了这个任务。到目前为止,我还搜索了它并找到了这个有趣的链接。 <强> http://jvectormap.com/examples/mall/

如果有人知道更好的教程或网站来完成我的任务,将不胜感激。如果是这样,请分享一些教程/url 链接

谢谢

最佳答案

因为我一直在搜索这个,所以我发现了这个有趣的网站,您可以在其中绘制自己的 svg 图像。 http://svg-edit.googlecode.com/svn/branches/2.5.1/editor/svg-editor.html

您可以轻松获取图表的 svg 代码。

我们可以很容易地集成点击事件,无论 java 脚本代码与 svg 图像。欢呼!!

关于javascript - 使用 HTML5、CSS3、Javascript 创建交互式 map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21075646/

相关文章:

css - 在 Bootstrap 中更改任何事物的背景颜色的最佳方法是什么

css - 在下拉菜单中显示更多元素

javascript - 选择并设置所有具有特定子元素(跨度)的 div 的样式

javascript - 在javascript中使用datauri渲染图像

jquery - 连续动画元素的背景

jquery - 如何使 <a> 在可点击的 <tr> 中工作

javascript - 如何在一定时间后删除 HTML 附加内容

html - 使用 CSS 如何最好地显示名称值对?

javascript - Pace.JS Qtip 如何忽略 Pace Animation

javascript - str.split() 随机失败?