Wordpress＋Google Map埋め込み＋スマホで表示＝プラグインがよさげ

iframeを埋め込んだだけでは、スマホ、特にiPhoneなどのアップル製品以外ではパソコンのように美しく（いや、単に普通に）表示されない。

埋め込むものは、グーグルマップで個別に作成した、マイプレイスのマップ。複数のマーカーがくっついてる。スマホ用に表示させたいから、画面を縦横に動かすとそれに合わせてびよんと伸び縮みして欲しい。

で、パソコンと同じiframeのソースを流用しようとすると、iPhone以外のスマホで再起動になったり…って話は前回したけど、誰か頭の良い人がきちっと作ってくれた素敵なプラグインを使えばいいんだな、という事に気づいた。

ちょっと探索したけど、カンで選んだこれが当たり。

Comprehensive Google Map by Alexander Zagniotov

マイプレイスのkmlというマップのアドレスを読み込ませ、体裁を整えて使う。

たくさんセッティングする項目が出てきたのでめんどくさそうに感じたけど、よく見たらロードマップか航空写真を表示するか、とか、地図の拡大率とか、ストリートビューの人を表示させるとかさせないとか、基本的な設定ばかり。でき上がったコードって、ものすごく長くて、１から書いても同じ事なんだけど、これだとオプションを選ぶのに間違いがない。スペルミスも防げる。


なおかつ、横幅がピクセルではなく％指定出来るようになっていた（これが画面縦横に対応してくれる）。でき上がったコードを埋め込んでみると…iPhoneはもちろん、見事に、見事にスマホでも動きました。落ちないし、ちゃんとスクロールもできるし（多分）。動いたという報告をもらったってことは、問題がなかったんだろう。うん。


ちなみに、１度設定したショートコードはプラグインの中には保存されないから、やり直したい時はkmlをコピペするところからやり直し。

ついに、マップは解決。


で、残るグーグルの埋め込みはスケジュールだ。…それはコンテンツ名だ、私はグーグルカレンダーのことを言っています。

これが、まずい、やっかいだ。それは、限定公開とか一般公開とか、公開の範囲のセッティングにかかわる話。
マイプレイス、つまりグーグルでカスタマイズして作ったマップは、実は限定公開にしていても、誰でもみられる。（笑）この話はちょっと調べたらすぐに出てくると思うけど、まあとにかくマップは地球ですから、隠す事もないよね。

予定は、隠したいよね。
ものによっては。

そこでこのグーグルのカレンダー、どうすべきか今悩んでいる。といっても、道ははっきりしてるんだけど。
待て次号。

++++ Now playing.... Pero Dille / Victor Manuelle ++++