不規則な形状の画像にクリック可能な領域を作成する

Question

インドの地図上に画像を作成して、各状態をクリックすると別のページにつながるようなプロジェクトを作成しようとしています。この目的のために私はマップとエリアタグを使用することを計画しました。問題は、各状態の形状が規則的な図形ではなく、多すぎる座標が必要であり、クリック可能な領域が交差する可能性があるということです。

私は this is the image of the map i would like to work on

Answer 1

このタスクを達成するための別の方法がある場合は、これを達成するためのSVGのを使用することができます知っていただきたいと思います。私はいくつかのインドの州のサンプルで下のCodepenを作成しました。

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/