是否可以让国家/地区在地图上可点击？ [关闭]

Question

假设网页呈现真实的世界地图，那么这些国家/地区的边界是锯齿状的。据我所知，使用通用 CSS 绘制与国家形状完全匹配的 div 几乎是不可能的。

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

Answer 1

为此，您将使用 HTML

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

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

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

对于任意形状的区域，您可以使用 shape="poly" 并输入每个点的 x 和 y 坐标。

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

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

Answer 2

您可以使用this，但一旦使用，您将无法调整图像大小，否则地图将无法正常显示。