jQueryプラグインjquery.vector-map.jsを使って拡大可能な世界地図

この記事は、2011年10月4日初出のものを2019年にリライトしました。

拡大、縮小しても画像が劣化しないベクターデータ(svg)の世界地図を使って、国を表示するjQueryプラグインです。 各国にマウスオーバーすると、色を変えて強調し、国名を表示します。また、左側の「+」、「-」ボタンで縮小拡大可能です。拡大時は、Googleマップのようにドラッグして表示位置を変更できます。

国名は英語表記です。ダウンロードファイルに含まれるworld-en.jsの内容を書き換えれば日本語表記もできますが、たいへん手間なので割愛します。地図の色は、デフォルトのグレー系から、jquery.vector-map.jsのパラメーターを書き換えて、変更できます。なお、国名などは、2010年頃のままです。



プラグイン配布先: jVectorMap(http://jvectormap.owl-hollow.net/) ※リンク切れのようです。

 

 

 

 

 

 

inserted by FC2 system