WordPress プラグイン

グーグルマップが表示されない!?Google Maps API Keyの取得で問題解決

更新日:

運営しているWordpressのWEBサイトやブログでグーグルマップの地図を表示させたいと思っていたら、

WordPressのプラグイン「MapPress Easy Google Maps」を見つけた。

複数のピンが表示できるグーグルマップの地図が表示できるので、これはいいと導入を試みたが・・・しかし!

プラグインの有効化はできたけど、グーグルマップが表示されない、どうして!?

実はグーグルマップを表示させるためには、Google Maps API Keyが必要。

今回はそのAPIキーの取得方法を紹介しようと思う。

 

スポンサーリンク

Google Maps API Keyの取得方法

まずはあなたが持っているGoogleアカウントで、Google Developers Consoleにアクセスします。

Google Developers Console

post-2204a

この画面が現れたら、Google Cloud platformの利用に同意してください。

 

post-2204b

画面左上のGoogle APIsのロゴ横のProjectから「プロジェクトを作成」をクリックします。

 

post-2204c

プロジェクト名を入力して、「作成」ボタンをクリックします。

 

post-2204d

新しくプロジェクトができたら、Google Maps APIから「Google Maps JavaScript API」をクリックします。

 

post-2204e

「有効にする」をクリックします。

 

post-2204f

認証情報を作成するため「認証情報に進む」をクリックします。

 

post-2204g

今回使用するGoogle Maps JavaScript APIを選択して、「必要な認証情報」をクリックします。

 

post-2204h

これでAPIキーが取得できましたので、このAPIキーをコピーします。

 

post-2151c

WordPressの管理画面左メニューからMapPressの設定画面に移動し、
Browser API Keyの空欄に先ほどコピーしたAPIキーをペーストすれば完了です。

 

さてこれで、グーグルマップの地図に複数のピン表示ができるプラグイン「MapPress Easy Google Maps」が使えるようになります。では、MapPress Easy Google Mapsの設定に移ることにするかな。

 

スポンサーリンク

スポンサーリンク

よく読まれている記事

1

新情報続々☆こちら、今作のコンセプトアートを手掛けて下さったのは漫画家の久正人さん!宇宙船デザイン、敵デザインを中心にデザイナーさんとしてもご参加頂いてます! また今回はキョウリュウジャー、ニンニンジ ...

2

仮面ライダー適齢期の子供を持つパパママ、今度のエグゼイドのおもちゃはなにかもう手に入れた? 手に入れるのはいいけどさ、子供が飽きたときそのおもちゃどうするよ。 今回は仮面ライダーのおもちゃの取り扱い方 ...

3