国を地図上でクリック可能にすることはできますか？

Question

ウェブページが現実的な世界地図をレンダリングするので、国々の境界がギザギザになっているとします。私の知る限り、一般的なCSSを使用して国の形に正確に一致するdivを描画することは不可能です。

それはまさに国境を次のように、個々の国がクリック可能にすることは可能ですか？

Answer 1

この場合、HTML <マップ>要素を使用します。これは本質的に、あなたがエリア内の各ポイントを指定する必要がありますので、あなたが、静的なイメージを持っていることが必要です。

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

マップ要素はマップ名を持ち、地域の子要素で構成されています。任意の形状の領域については

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

、シェイプ=「ポリ」を使用し、各ポイントのx座標とy軸座標に入れるでしょう。これらは時代遅れに下落しているものの

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

サーバー側のイメージマップとして知られているものを使用することも可能です。これらは、バックエンドのスクリプト言語を必要とし、より複雑であり、クライアント側のマップよりも少ないアクセス可能と考えられています。彼らはウェブの初期に人気がありました。

Answer 2

あなたはthisを使用しますが、あなたは画像やマップのサイズを変更カントドイトたら文句を言わない適切にフィットすることができます。