Question

我正在尝试在印度地图上制作一个图像地图，用于点击每个州应该指向另一个页面的项目。为此，我计划使用地图和区域标签。问题是每个状态的形状不是常规数字，需要的坐标太多，可点击的区域也可能相交。

我想知道是否有另一种方法可以完成这项任务 this is the image of the map i would like to work on

Answer 1

您可以使用svg来实现这一目标。我在下面创建了一个Codepen，其中包含一些印度州的样本。

<强> CSS

<svg viewBox="0 0 300 200">
 <a xlink:href="#">
  <path id="IN-HP" class="land" d="M143.6,94.2l0/>
 </a>
</svg>

在此处获取印度的免费SVG副本：https://www.amcharts.com/svg-maps/