地図・エリア– category –
都道府県・市区町村のクリッカブル地図と対応エリアの見せ方
-
地図・エリア
日本地図で沖縄をどう表示する?離島の扱いと一緒に整理する
WordPressで日本地図を作るとき、地味に引っかかるのが沖縄です。北海道から九州までをそのまま描くと、沖縄が遥か南東に離れているせいで、地図全体が縦長に間延びしてしまう。この沖縄をどう扱うかは、地図を作り始める前に決着していてほしいところです... -
地図・エリア
WordPressで日本地図が表示されない・クリックできないときに見る場所
設置したはずなのに日本地図が出てこない、あるいは地図は出るのに県を押しても反応しない。この手の相談で実際に多いのは、プラグインの不具合ではなく設定側の取りこぼしです。とくに多いのが、ショートコードの id 指定ミス、ブロックで表示するマップ... -
地図・エリア
WordPressの日本地図はスマホ対応で身構えなくていい — 崩れない理由と整える設定
日本地図をサイトに置くとき、最後まで気になるのが「スマホで崩れないか」だと思います。地図がSVGで作られていれば、スマホ対応のために特別な作業はほとんど要りません。画面幅に合わせて勝手に縮みますし、タップ操作も自動で吸収されます。やることが... -
地図・エリア
業種別に見る、対応エリア・拠点を「クリックできる日本地図」で見せる型
対応エリアや勤務地、教室の所在地を地図で見せたい。そう思ったとき、最初に決めるのは色でもデザインでもありません。自分の業種が「広域の導線」を欲しているのか、「対応エリアの色分け」を欲しているのか、ここが決まれば作るべき地図の型はほぼ自動... -
地図・エリア
日本地図のイメージマップが崩れる本当の理由と、SVGという解決策
日本地図の都道府県をクリックできるようにしたい。そう思って調べると、まず出てくるのが「イメージマップ」です。画像を1枚用意して、県ごとにクリック領域を座標で囲む、HTMLの <map> と <area> を使う古典的な手法ですね。一度作ってみた... -
地図・エリア
Googleマップで「エリア地図」を作ろうとして詰まったら
「対応エリアを地図で見せたい」「都道府県をクリックしたら、その県のページに飛ばしたい」。こういう地図を作ろうとして、まずGoogleマップを埋め込もうとする人は多いです。地図といえばGoogleマップ、という発想は自然なのですが、県や地域エリアを塗... -
地図・エリア
jQueryの日本地図プラグインから、WordPressでもっと楽に乗り換える
jQueryで動く日本地図プラグインを使って、都道府県をクリックしたら別ページに飛ぶ地図を作っている人は多いと思います。動くものは作れる。ただWordPressで運用していると、「色やリンクを変えるたびにコードを触るのが地味につらい」と感じる場面が出て... -
地図・エリア
WordPressで日本地図を色分けする — 全部1色ずつ塗らない設計の話
都道府県や地域ごとに色分け(塗り分け)した日本地図をWordPressに置きたい、というとき。47都道府県を1つずつ塗っていくのではなく、「地図全体の規定色を決めてから、必要な単位だけ色を上書きする」という二段構えで考えると、作業も管理もずっと軽く... -
地図・エリア
WordPressの日本地図は、ブロックエディタからショートコードなしで置ける
「クリックできる日本地図を本文に入れたいけれど、ショートコードを書くのはちょっと身構える」。そういう人向けに言うと、クリッカブル日本地図はブロックエディタに対応していて、ブロックを追加して表示するマップを選ぶだけで日本地図を置けます。[pl... -
地図・エリア
商用サイトで使える日本地図素材を、ライセンスで迷わず選ぶ
「日本地図 商用利用 フリー」で探していて、結局どれが安全なのか判断がつかない、という人向けに書きます。無料で拾える日本地図イラストは「商用OK」と書いてあっても条件が曖昧なものが多く、商用サイトで長く使うなら、出典がはっきりした地図データ...
12