これを見れば完璧!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が得意なホームぺージ制作会社エクセレント

弓取 恭代

弓取 恭代

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

関連記事

Instagram位置情報設定代行サービス 場所を追加
最近の記事 おすすめ記事
  1. IT導入補助金申請代行サービスを徹底解説!選び方・手続き・成功の秘訣をプロが伝授

  2. 中小企業必見!IT導入補助金申請の全手順・必要書類・成功ポイントを徹底解説

  3. 初心者にもわかる!Instagramをビジネスに活用するための運用のコツ - 集客やストーリーズ・リール活用法まで網羅

  4. Instagram(インスタグラム)でシグナルを獲得してホーム率を上げるコツとは?

  5. Instagramのバズりに重要なのはホーム率。そのホーム率を高める方法とは?

  6. 初心者でもわかる!Instagram(インスタグラム)運用の基本と効果的な運用方法

  7. 【2023年版】IT導入補助金でECサイト構築を実現するための具体的な手順とポイント

  8. 2023年はAmazon広告が売上を伸ばし Google広告が売上を下げるから ECサイトはSEO対策が重要になります

  9. 令和の時代にSEOが強いECサイトはズバリSTORES ECサイト構築はSTORES一点張りでOK

  10. 速報!令和5年度・2023年 IT導入補助金の申請方法やスケジュールについて

  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