これを見れば完璧!Google Maps API 取得方法をご紹介します。

GoogleMapは多くの人が利用しているツールで、操作性もいいのでユーザーにも好まれますので、ホームぺージを制作する際に店舗や会社の所在地を地図で表示する個所では、Googleマップをページに埋め込みたいというご要望が多く頂きます。

標準のGoogleマップをページに埋め込むのは、比較的簡単に行えますが、下の画像のように色を変更したり、マップ内のマーカーを変更したりといったカスタマイズを行う場合はGoogle Maps APIが必要です。そこで今回は、Google Maps APIの取得方法についてご紹介します。

Google Maps APIキーの取得方法

Googleアカウントにログインし、Google Cloud Platformにアクセスし、「プロジェクトの選択▼」をクリックします。

「新しいプロジェクト」をクリックします。

お好みのプロジェクト名をつけて「作成」ボタンをクリックします。

プロジェクトの作成が終わったら、クイックアクセスから「APIとサービス」をクリックします。

先ほど作成したプロジェクトをクリックします。

「+APIとサービスの有効化」をクリックします。

「Maps JavaSript API」をクリックします。

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

左上のナビゲーションメニューを開き、APIとサービス > 認証情報 をクリックします。

「+認証情報を作成」> APIキー をクリックします。

Google Maps APIキーの制限設定

APIキーが表示されるので、必要に応じてコピーしておきます。
注意書きにある通り、このキーに制限がないため、不正使用を防ぐための設定を行います。
「APIキーを編集」をクリックします。

名前は特に変更の必要はありません。
「HTTP リファラー(ウェブサイト)」にチェックを入れ、「項目を追加」をクリックします。

新しいアイテムにリファラー*という入力欄が表示されるので、サイトのURLの末尾に「*」を追加したものを入力して「保存」ボタンをクリックします。
このサイトであれば、「https://excellent.ne.jp/*」となります。

まとめ

テーマやプラグインでGoogle Maps APIの入力を求められることがあると思います。
Google Maps APIを取得したら、Googleマップのカスタマイズにも挑戦して他のサイトと差をつけたいですね。

カスタマイズやページへの設置はエクセレントで代行することも可能です。
遠慮なくご相談ください。

▼関連サービス
ホームへージ制作サービス

ランディングページ制作

メールでのお問い合わせ

お問い合わせはこちら
メールフォームの内容をご確認頂きまして送信してください。

LINEでのお問い合わせ

お友達登録はこちら
お友達登録をして頂いて
お問合せ内容をトーク画面から送信してください。

Webが得意なホームぺージ制作会社エクセレント

弓取 恭代

弓取 恭代

デザイン制作を中心に、サイト運営に関わる作業全般を担当しています。画像の編集・加工~動画制作まで、なんでも行います。

関連記事

無料相談行っています!!お気軽にご利用ください。
最近の記事 おすすめ記事
  1. Instagram(インスタグラム)の魅力的なプロフィールの書き方を解説します

  2. Instagram(インスタグラム)まとめ記事 プロフィールについて

  3. Instagram(インスタグラム)とは?いまさら聞けないInstagramの基礎知識

  4. あなたのビジネスをインスタ集客×ブログ接客で売上を3倍にする方法

  5. インスタグラム(Instagram) まとめ記事 業種別 インスタグラム運用の参考になるアカウントを紹介します

  6. Instagramのショッピング機能(Shop Now)の審査が通らない原因や再審査方法を紹介します。

  7. Instagram(インスタグラム)インスタショップ-Shop Now-の設定方法 【2022年最新版】

  8. インスタグラム(Instagram) まとめ記事 ストーリーズ投稿動画とは? ストーリーズ投稿についての基礎知識を解説します

  9. インスタグラム(Instagram) まとめ記事 リール動画とは? リール動画についての基礎知識を解説します

  10. インスタグラムマーケティングとは?Instagram運用に向いている企業と向いていない企業

  1. Instagram(インスタ)のリールの音源を保存して活用する方法

  2. Instagramのリール動画やTicktockやYoutubeのショート動画にたくさんの会社が力を入れている理由

  3. Instagram(インスタグラム)で集客を始める時に知っておくべき集客のコツ12選

  4. 初心者が知っておくべき基本的なSEO対策とは?上位表示に必要なやり方・方法について解説します。

  5. 検索意図とは?SEO対策で重要な調べ方と考え方を解説します。

  6. ホームページが検索結果に表示されない時の原因と対処方法を徹底解説!

  7. 【2022年版】Web集客の種類とその方法を集客にお困りのあなたに分かりやすく解説します

  8. SEO対策の内製化を積極的に取組んでいる中小企業の多くは自社でするSEO対策に迷走している。

  9. 売れているホームぺージ = 集客型ホームぺージに共通しているぺージ構成の法則

  10. これを見れば完璧!Google Maps API 取得方法をご紹介します。

資料を無料ダウンロード

弊社の会社概要と、ご提供サービスのご紹介資料です。
ご覧いただき、お気軽にお問い合わせください。

TOP