1

私はこのsvg画像を持っています。jQuery の mapHighlightを使用して、このようなものを実現します。最終結果はズーム可能で、定義が大幅に失われることはありません。3 番目のリンクの品質は問題ありません。どうすればそれを理解できますか？mapHiglight のドキュメントでは、svg は扱われません。

4

2 に答える 2

2

私はjQuery mapHighlightに慣れていませんが、SVGからデータを抽出していないように見えます.ホバー領域を自分で定義する必要があります. いくつかのスクリプトを使用してこれを自動化することもできますが、はるかにシンプルで堅牢なアプローチがあります: CSS を使用するだけです:

polygon:hover {
  fill: #415262; 
}​

私はイタリアの地理に詳しくありませんが、いくつかのポリゴンが州の一部を形成している場合は、それらを<g>要素でラップしてから...

g:hover polygon {
  fill: #415262; 
}​

ここでデモを参照してください: http://jsfiddle.net/EaQjD/

于 2012-08-28T04:20:50.850 に答える
0

このような地図の作成に時間をかけたくないが、それでも美しいものを実現したい場合は、クリック可能な国の地図を作成できるアプリケーションをお勧めします。

現在、このアプリは 16 か国に対応しており、州と都市と地図が継続的に追加されています。

于 2014-03-27T09:18:27.457 に答える