エリア・店舗を
地図で見られるサイト

シンプルな色塗りの日本地図を、自分のWEBサイトに埋め込み・貼り付け「jmap generator」

▼ 作成される地図

 日本の都道府県 / 東京の市区町村(島を除く)

px  px 

パソコンは、地図の右下をドラッグして変更できます
色を塗る県
 

PCはShiftやCtrlを
押しながら複数指定可

・改行で1県ずつ
・○○"県"まで入力
・誤字は色が付きません

県名の表示

選択した県の色

選択していない県の色

背景色

県をクリックすると
表示位置
ここへのリンク

右下にある
このページへの
リンクです

識別ID

1つのページに複数
の地図を埋め込む場
合に地図ごとに異な
るIDを付けます。
(半角英数字・8文
字以内)

1つだけの場合は特
に気にしなくていい
値です。


このコードをHTML内の好きな所に張り付けると、地図が表示されます。
(WordPressのブロックエディターなら、カスタムHTMLに貼り付ければOK!)

説明

こちらは、WEBサイトに貼り付けることができる「シンプルな色塗りの日本地図」を作成するツールです。
自身のサイトのHTMLに1つのコードを貼り付けるだけで、地図を埋め込み表示させることが出来ます。

張り付けた地図は スマホ表示に対応しています。
リアルタイムなレスポンシブではありませんが、指定した横幅より小さい幅の画面で読み込まれたときは、比率を保持して縮小します。

  • 完成した地図には「SAMPLE」の透かしは入りません。
  • 地図の右下のこのサイトへのリンクを入れています。消さずに使用してくださいm(__)m
  • このツールは「Jmap jQuery plugin」というオープンソースを使用して作成させていただきました。
  • このツールを使用して発生したいかなる損害について責任を負いません。

分かっている不具合

  • なし

不具合を発見したら こちら の問い合わせフォームから教えていただけるとうれしいです。

更新履歴

  • 2024/5/2
    東京都の市区町村で分割した地図を追加しました
  • 2024/5/1
    1つのページに複数の地図を埋め込んでも正しく地図が表示されるように、識別IDのい項目を追加しました
  • 2024/4/30
    都道府県をクリックした場合の挙動(ダイアログを出す、ページ遷移させる)を設定できるようにしました
  • 2024/4/27
    公開