我正在创建一个东南亚地图网站。我希望用户能够在地图上按国家/地区，然后会出现一个弹出框，显示按下的国家/地区的信息。
如何使地图上的按钮有效？我试图在不同的图像中透明这些国家，并将它们叠加在HTML和CSS中但是这不起作用
答案 0 :(得分：2)
您需要使用图像映射。看看here
答案 1 :(得分：0)
img map area正是为了这个。如果您需要在悬停时添加/删除类，可以将它与css和js混合使用，例如隐藏/显示国家/地区悬停。
答案 2 :(得分：0)
如上所述，最常见的方法是使用图像映射。但是，如果您想要一个更具交互性的替代方案，您可以使用jQuery。有许多jQuery map / floorplan插件可以很好地实现这一点。
以下是我从简单的Google搜索中找到的一些内容：
JVectorMap - visit
mapSVG - visit
JQVMAP - visit
我希望这有帮助！
答案 3 :(得分：0)
有一个很棒的Jquery插件我很久以前就用这个目的称为“mapster”，请在link中查看。
答案 4 :(得分：0)
我尝试用SVG解决此问题。
它不仅为您提供了定义复杂形状（以及从插图画家中导出代码）的能力，还使您的UI更加用户友好（颜色叠加，轮廓等）。