javascript - 如何使用标记和悬停工具提示创建 svg map

标签 javascript svg

我是一名业余 Web 开发人员,很想知道如何创建 SVG map ,如 this page 中的 map 。标记位于所需位置,悬停工具提示上显示国家/地区名称。

提前致谢

最佳答案

链接页面上的 map 是使用 jVectorMap 创建的。 http://jvectormap.com/

另一种方法是手动标记 svg。您可以在 svg 中内联添加类、id 和链接标签,并使用 css 和 javascript 定位这些元素。这就是我们在这个联系页面上制作 map 的方法。 http://www.robinsonenclosures.com/contact/

关于javascript - 如何使用标记和悬停工具提示创建 svg map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47949248/

相关文章:

JavaScript 替换 url

html - 在整个 SVG 上应用渐变

php - file_get_contents 不输出 svg

css - 无法将 .svg 显示为背景图片

javascript - 检查浏览器是否支持 SVG

javascript - 无法向 Node 服务器发出发布请求

javascript - ASP MVC 6 AJAX 错误请求

javascript - 从特定 DOM 部分搜索数据

javascript - 带有绿色复选标记的控制台消息 JavaScript

html - <1px 边框问题在 Safari 11.1.2