可以让国家在地图上点击吗？

Question

假设一个网页呈现一个真实的世界地图，所以这些国家的边界​​呈锯齿状。据我所知，几乎不可能使用常见的CSS绘制与国家形状完全匹配的div。

是否有可能使各个国家/地区可点击，完全遵循边界？

Answer 1

为此，您将使用HTML＆lt; map＆gt;元件。这基本上要求您拥有静态图像，因为您必须指定区域中的每个点。

http://www.w3schools.com/tags/tag_map.asp

地图元素具有地图名称，由区域子元素组成。

http://www.w3schools.com/tags/tag_area.asp

对于任意形状的区域，您可以使用shape =＆＃34; poly＆＃34;并为每个点放入x和y坐标。

http://www.w3schools.com/tags/att_area_coords.asp

也可以使用所谓的服务器端图像映射，尽管这些已经过时了。这些更复杂，需要在后端使用脚本语言，并且被认为比客户端映射更不易访问。它们在网络的早期很受欢迎。

Answer 2

你可以使用this但是一旦你做了，你就无法调整图像大小或地图不适合。