【やりたいこと】Google mapを使用したい
今回の記事は、過去記事の「Google map APIを取得する方法」の続きとなっております。
今回は、Google map を使用できるようになるプラグイン「MapPress Maps for WordPress」の紹介です(^^)/
【10分でできる！】超簡単マップ表示の方法
※ダウンロード時間は10分の中に含まれていません。
1.使用したもの
・ロリポップレンタルサーバー スタンダードプラン
・WordPress 4.9.8
※WordPressはロリポップユーザー専用ページからインストールしました。
・テーマ Hueman
・MapPress Maps for WordPress
2.手順
①MapPress Maps for WordPressのインストールと有効化
※下記の画像は、すでにインストール済みの表示になります。
プラグインの新規追加をクリックします。
MapPress Maps for WordPressを検索し、MapPress Maps for WordPressをインストールします。
インストール完了後、有効化にします。
②Google API keyの記入
MapPressをクリックし、基本設定を変更します。
Mapping EngineのGoogleにチェックをつけます。
Google API keyを記入します。
※APIキーの取得はこちらの記事を参考にしてください
③Google map の使用方法
固定ページ（投稿でも可）をクリックし、MapPressの新規マップをクリックします。
上記の画像のように、「okinawa」と記入すると、指定の場所にアイコンが表示されます。
上記の画像のように、2つ以上の場所を指定することもできます。
また、アイコンをクリックすると、説明文を加えることができます。
マップの保存を行い、記事へ挿入をクリックします。
すると、記事にマップが挿入されます。
④マップの確認
「変更をプレビュー」をクリックし、マップが表示されているか確認します。
上記の画像のように表示されていれば成功です。
3.追記
このプラグインは、KMLファイルが使用できます！別記事で書きます！
【最後に】Showroomとマッハ新書の紹介
ShowroomでUnity配信をしています。リアルタイムの勉強の様子を見てみたい方におすすめです!(^^)!
以下は、私のUnity学習体験記となっております。
「他人の勉強方法が知りたい」という方におすすめのマッハ新書です!(^^)!
コメント