以下のページで紹介した日本地図描画のカスタマイズとして、
上図のような地方名付きの日本地図を描画する方法を紹介します。

 

canvasでjQueryプラグインJapanMapを使った日本地図の動的描画を行う方法

 

描画用javascriptプログラムを記述する

javascriptのプログラムを記述します。

 

ここでは、地方ごとにクリックができて、
なおかつ地方名が表示される記述を紹介します。

 

この設定の場合、色は地方ごとに指定可能です。

 

javascript

 

関連ページ

JapanMapを使った県名付き日本地図の動的描画を行う方法

JapanMapを使った地方名付き日本地図の動的描画を行う方法

JapanMapを使った一部のみ有効な日本地図の動的描画を行う方法

JapanMapで描画した日本地図にページリンクを追加する方法

JapanMapで描画した日本地図の表示をレスポンシブで切り替える方法

 

 

おすすめの記事