こんにちは。もさもさ(@drysoy2)です。
前回の記事 | Googleマップの地図を表示したい(埋め込み編)で、Googleマップの地図を表示するのみ埋め込みコードを直接打ち込んでいた。
友人 | 國光健太郎からの情報もあり、「プラグインを使えばもっと簡単に表示できるよ！」とのことなので調べてみました！
直接埋め込みコードを生成して、記事内に貼り付けるのもいいかもしれないけどね。
住所から自動的に生成してくれるみたいで、簡単にできるプラグインは使うしかない！！
おすすめプラグイン3選
- TCD Google Maps
- Simple Map
- WP Google Maps
まずプラグインを使用するには「Google Maps Platform」の有効化が必要。
APIキーを取得しないとGoogleマップの地図が表示されない。
TCD Google Maps
設定
プラグインをインストールし、適用する。
サイドメニューの「TCD Google Maps」をクリック。
表示したい住所を入力する。
テーマを選ぶ。
プレビューで確認できる。
ショートコードを記事内に貼り付ける。
※↑↑↑ここに置いているが表示されなかったので、再度調べてみる
Simple Map
設定
プラグインをインストールし、適用する。
「Simple Map」の設定は、ショートコードを記述するだけ！
東京駅のコード：［map addr=”東京都千代田区丸の内１丁目”］
WP Google Maps
設定
プラグインをインストールし、適用する。
サイドメニューの「Maps」をクリック。
初期設定が1つあるので、住所を入力し更新する。
ショートコードを記事内に貼り付ける。
まとめ
プラグインを使って簡単に地図を表示したい！
そう思ってプラグインを適用して簡単にできるのかと思っていたが違った。
APIキーを使用しないと記事上に地図が表示しなかった。
分からず、時間だけが過ぎていったので調べてみることにした。
「Google Maps Platformの有効化」が必要だった。
ブログを書き始めて、全てのツールはGoogleということ。
手こずりましたが、ショートコードで地図が表示するのは面白かった。
適宜プラグインも使っていきたい。
コメント