|
エリア・店舗を 地図で見られるサイト |
東京都のシンプルな色塗りの地図を、自分のWEBサイトに埋め込み・貼り付け「jmap generator」
▼ 作成される地図
日本の都道府県 / 東京の市区町村（島を除く）px px
パソコンは、地図の右下をドラッグして変更できます▼ 各種設定
|
PCはShiftやCtrlを |
・改行で1つずつ |
選択した県の色
選択していない県の色
背景色
右下にある
このページへの
リンクです
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
公開