Google Mapsが表示されなくなったら困るので、APIの設定をしてみましたよ(*´・▽・`*)

公開日: : 最終更新日:2016/11/28 Google マップ, GoogleAPI, ブログ

くつキッチュ!SCRAPス アイコン2 creator-help創作支援)カテゴリへ くつキッチュ!アイコン-blog

Google Mapsが表示されなくなったら困るので、APIの設定をしてみましたよ(*´・▽・`*) アイキャッチ画像 design by くつき 素材 by ClipStudio セルシスさん

赤い使徒?design by くつき ⇒  3Dオブジェクト 地球 by セルシス

 

登場人物:icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン 同サイト内、About &管理人へリンクします♪くつきちよこ ※管理人   icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン ゲストS.S改め「佐藤」へリンクします♪佐藤 ※ゲスト

Google Mapsの規約が変更になり、API経由でない、または1日あたりのリクエスト数が25,000回以上の状態が90日間以上連続している場合に料金が発生するそうです。

また、万が一上限を超えた場合でも、即座に課金というわけではなく、

 

だそうですので、少し安心。

公式の詳細はこちら ⇒ GoogleマップAPI

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 といっても、「1日あたりのリクエスト数が25,000回以上の状態が90日間以上連続」というのは、個人ブログではそれほど心配ない数字かと。

とりあえず、エラーが出ないようAPIキーだけ設定しておいた方が良さそうです。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 えーぴーあい?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 大きなプログラムを呼び出す小さなプログラムってところでしょうかね。 例えば、Google Mapsの場合、MAPをブログでに埋め込むためのスクリプトとか。

それらが、今まではキーなしで呼び出せていましたが、これからは徐々にAPIキーが必要になるとのこと。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 APIキー取得とか、面倒くさいのう(・3)

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 そんなことないですよ。 ってことで、簡単ステップでAPIキーを取得してみましょう♪

 

Google Maps APIキーを取得してみました♪

 

まずはこちら ⇒ Google Maps API へGO!Google Mapsが表示されなくなったら困るので、APIの設定をしてみましたよ(*´・▽・`*) GoogleAPIs⇒[キー取得]をクリック

画面右上の[キーを取得]をクリック。

Google Mapsが表示されなくなったら困るので、APIの設定をしてみましたよ(*´・▽・`*) GoogleAPIs⇒[キー取得]をクリック⇒[続ける]

[続ける]をクリック。

2016-11-17-k10

お知らせメールの要不要は適宜に、利用規約に同意に[はい] ⇒ [同意して続行]

※2回目以降は、[プロジェクトを作成] ⇒ [新規作成(もしくは、既存プロジェクト名)]を選択 ⇒ [続行] をクリック

Google Mapsが表示されなくなったら困るので、APIの設定をしてみましたよ(*´・▽・`*) 1.APIキーの名前 2-a.制限の方法選択 2-b.制限の詳細設定 3.[作成]をクリック

1-後でわかりやすい名前を入力 ※そのままでもOK。

【重要!】キーを盗用されないよう、制限の設定をします。

2-a 制限方法の選択 ※サンプルでは[リファラ]を選択しています。

2-b aで選択した方法別に詳細設定をします。 ※サンプルではGoogle Mapsを使用するサイトのURLを入力しています。

3-最後に[作成]をクリック

2016-11-17-k7

APIキーが作成されますので、このキーをコピーしておきます。

あとは、下記スクリプト「YOUR_API_KEY」に、取得したAPIキーを入れ替えてヘッダーに設置するだけ。

詳細は ⇒ Google Maps API ウェブ向け Maps JavaScript API

 

ショートコードでGoogle Mapsを表示できる「TCD Google Maps」の場合

API必須になった後、面倒な設定なくGoogle Mapsの設定が出来るプラグインがありました!

豊富なデザインのGoogleMapが簡単に使えるWordPressプラグイン「TCD Google Maps」

設定画面で、キーやその他地図情報(住所や地図のデザイン)などを選択するだけで、めっちゃ簡単にMAPを挿入できます♪

ただ、一点だけ気になる事があったので、現在問い合わせ中。 確認でき次第、ブログでご紹介する予定です。

 

MAPのエラー確認方法

とある方に教えていただいた、Google MAP APIのエラー確認方法です。

ページ内で右クリック ⇒ 検証(もしくは、設定 ⇒ その他ツール ⇒ デベロッパーツール)Google Mapsが表示されなくなったら困るので、APIの設定をしてみましたよ(*´・▽・`*) Google Map APIが出ていないか確認する方法:該当ページで右クリック⇒検証⇒Google Mapのエラーを確認する

検証ページにて、Google Mapのエラーを探す。(Control+Fで「Google Maps API」などで検索する)

Google Mapsが表示されなくなったら困るので、APIの設定をしてみましたよ(*´・▽・`*) Google Map APIが出ていないか確認する方法:該当ページで右クリック⇒検証⇒Google Mapのエラーを確認する2「APIが重複している」エラーのサンプル

 —-エラー例1 —-

上のエラー例は、

「You have included the Google Maps API multiple times on this page.This may cause unexpected errors.」Google Maps APIが複数回含まれてるよ!予期しないエラーがでるかも?

です。

ちなみに、

  • headerにキースクリプト記述した上で、通常の埋め込み(<i frame>など)方法の複数MAP設置
  • プラグイン「TCD Google Maps」のショートコードで複数呼び出し

も同様、「Google Maps APIが複数回含まれてるよ!予期しないエラーがでるかも?」と言われてしまいます。

さらに、プラグイン「TCD Google Maps」のショートコードで複数呼び出すと、上記エラーの他、一番目のMAP以外は表示されません。

今後は「Google マップで見る渡る、大好き「沈下橋」めぐり♪」のようなMAPの複数埋め込みは不可なのでしょうかね(´;ω;`)

※先程も触れましたが、Google Mapsを2個呼び出しているからなのか、「TCD」のプラグインのキー記述とheader.phpの記述が重複しているからなのか不明なので、この点について現在問い合わせ中です。

追記:2016年11月28日

昨日、「TCD Google Maps」様よりご連絡いただきまして、

「You have included the Google Maps API multiple times on this page.This may cause unexpected errors.」エラーは、やはり「TCD Google Maps」「header.phpへのAPIキー記述」の併用が原因らしく、「具体的な不具合までは確認できかねますが、念のため併用はお控えください」とのことでした。

また、このエラーについてプラグインのアップデートも予定しているそうです。※ただし、時期は未定。

アップデートがきましたら、公式サイトでお知らせ記事が公開されると思いますので、その際は何らかの形でシェアいたしますね♪

(よく考えてみると、くつきはこの記事でサンプル表示している手前プラグインを切る事ができませんので、いったんheaderの方を削除しておこうと思います)

 —-エラー例2 —-

「Google Maps API error: RefererNotAllowedMapError」リファラのURLが間違ってるよ!

くつきは、ドメイン単位で登録できるのだとばかり思っていたのですが、個別記事のURL(この記事の場合http://92kitsch.com/blog/googlemap/)の登録が必要のようです。

制限の設定を変更したり、追加する場合は、こちら ⇒ API Managerの各プロジェクトから。

 

まとめ

headerにキースクリプト記述した上で、通常の埋め込み(<i frame>など)のサンプル設置MAP


というわけで、『Google Maps API』の取得&設置メモでした。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 くまもん

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 MAP疲れましたので、癒やされたいです。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 お疲れちゃん。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 あと、リクエスト数に応じて実際にいくら掛かるのかを調べようと思ったのですが、詳細ページのGoogle Maps API価格とプラン が、ファーストビューは日本語なのに、詳細は英語なので挫折しました。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 グーグル翻訳の性能がアップしたんじゃなかったっけ?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 それはそうですけどね~、契約や利用規約などのちょっと間違ったらリスクのある文章はまだやっぱり怖いですよね。

料金詳細は、実際に1日25,000件以上のMAPリクエストが来たら本格的に調べます。

でっは~(*´▽`*)ノシ

 


ブログランキング・にほんブログ村へにほんブログ村

スケジュール

  • 『くつキッチュ』ブログでは、佐藤の出版ネタを借り、創作者さん支援記事を更新中です。
  • 今後の予定↓
  • 自己防衛用、弱小個人のネタ保管のアイディア
  • 個人でできる著作権?管理(タイムスタンプサービス等)
  • 挿絵に使わせてもらったセルシス素材の紹介
  • 写真をネットに公開する時の注意点など New!
  • 「ステガノグラファー」不具合と応急処置の話  New!
  • モバイル表示が爆速になるとウワサの「AMP」って何?  New!
  • WordPress4.5更新後の不具合と対策法  New!
  • Pixivのテンプレート配布の話とPixiv、BOOTHでの「アカウント共同管理」は、問題ない話 New!
  • 表現の自由山田太郎議員のはなし  New!
  • AMPエラーの原因、もしかしてyoutube、Twitterの埋め込み?  New! ※未更新ですが、WPプラグインをインストールしなおしたら、エラーメッセージが来なくなったので
  • 自分に合った小説投稿プラットフォームを厳選しよう! New! ※おまけコーナーで、更新したの忘れてました;
  • BCCKS小ネタ(パネルが文字数に応じて拡大されない場合の対処、よく使うルビの辞書登録など)
  • プロモーション、校正に便利なツールの紹介
  • 佐藤の作品を元ネタにしたサイト作成(都市伝説サイト【ピアパレイ】、ロケハン、架空店舗の素材配布、架空店舗HP等)New!
  • クリエイティブ・コモンズ・ライセンスに関する記事 New!
  • Flickrを利用した著作権情報表示の方法!   New!
  • 簡単タイムスタンプ体験を体験してみました  New!
  • 「ステガノグラファー」に続く、暗号ユーティリティソフト調べてみる!   New!

 

プロデュース被験者:サトウトシオ

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 宇宙(セカイ)をデバッグする、簡単なお仕事です。 の宣伝です。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 大した情報じゃないんだけど、hamclip さんの町工場 by  #CLIP_Celsysは、説明にはファイル名描いてなくて、対応ソフト「ComicStudio」「IllustStudio」だけど、ファイルが.objだからクリスタでも使えるよ。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 ああ、そういう。

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 共有したほうがいいでしょ?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 まあね、ところで進捗どうでしょう?

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 佐藤利音アイコン-100透過 キャラ名とか主人公の悩みなどの設定は同じだけど、BCCKS版とはほぼ別物になりそうな予感がする、 宇宙(セカイ)をデバッグする、簡単なお仕事です。』【0】 (BOOTH版)は、今後、pixiv、ニコニコ系での公開も予定しておりますので、見かけたらお手にとって頂ければ嬉しいですm(_ _)m

icon-kutsuki  創作支援屋『くつキッチュスクラップス!』 くつきちよこアイコン-100透過2 え~~っ!


宇宙(セカイ)をデバッグする、簡単なお仕事です。【0】 ランディングページ
宇宙(セカイ)をデバッグする、簡単なお仕事です。【0】 ランディングページ illust by サトウトシオ@310104o Tumblrテーマ by でんでんランディングページ

宇宙(セカイ)をデバッグする、簡単なお仕事です。』 佐藤利音著
佐藤利音Twitter ⇒ 佐藤利音 on TWITTER

佐藤利音ブログ ⇒ 砂糖と塩佐藤利音ブログ『砂糖と塩』

特設サイト ⇒ 宇宙(セカイ)をデバッグする、簡単なお仕事です。【0】 ランディングページ

インサイド・アウトサイダー #バグ式 ◆このいと式シリーズ | Official Website

でんでんランディングページ | セルフパブリッシャーのためのTumblrテーマ に感謝!


セルフパブリッシャー必携の武器のこちら↓


 

 

魚拓

Google Mapsが表示されなくなったら困るので、APIの設定をしてみましたよ(*´・▽・`*) 魚拓済みハンコアイコン画像-魚- design by くつきちよこ

— 記事内容証明 —

Digiprove sealCopyright secured by Digiprove © 2016 chiyoko kutsuki
  • このエントリーをはてなブックマークに追加
  • Share on Tumblr

関連記事

フィード取得サービスを利用して『画像付きカテゴリ別記事』を表示させる方法 その1『忍者レコメンド』

  rss by TEIA MG, on Flickr もくじ 《くつキッチュ/スクラ

記事を読む

【お知らせ】姉妹サイト『イチパン!』を半年後をめどに閉店させていただきます。 アイキャッチ画像 illust by くつきちよこ

【お知らせ】姉妹サイト『イチパン!』を半年後をめどに閉店させていただきます(*´▽`*)ノシ~

イラスト:くつきちよこ   登場人物:くつきちよこ ※管理人   佐

記事を読む

Google マップで見る渡る、大好き、「沈下橋」めぐり♪ 写真:ぱくたそ あかね色の雲が映る水面 Gaku0318 「沈下橋」加工:くつきちよこ)

Google マップで見る渡る、大好き「沈下橋」めぐり♪

ぱくたそ あかね色の雲が映る水面 Gaku0318      (「沈下橋」加工:くつきち

記事を読む

Wpマルチサイト化サブディレクトリ型はめちゃ簡単!の初心者のハマリポイントは2箇所だけ! bento box by josey4628, on Flickr

Wpマルチサイト化(サブディレクトリ型)はめちゃ簡単!初心者のハマリポイントは2箇所だけ!

bento box by josey4628, on Flickr Wpマルチサイト化(

記事を読む

IMG_20130519_144632 by smc_90, on Flickr blog表記ルール

毎日の更新でグダグダになりがちな『ブログの表記ルール』を再考してみました♪

本日は、『ブログ表記ルール』を考えたいと思います。 IMG_20130519_144632 b

記事を読む

Title:Peeking Diet Bos on Flickr Some rights reserved

今さらだけど、大事な事!「写真をブログにアップする時の注意点」

  Title:Peeking Diet Bos on Flickr Some right

記事を読む

BrowserLabo亡き後、いろんなチェックサービスでシャドウと角丸のCSSチェックをしてみた "Select your web browser(s) by zipckr, on Flickr

ブラウザ表示チェック3大サービスを無料範囲内で試してみたよ♪

 各ブラウザによっての見え方を改めてテストしてみた Select your w

記事を読む

A calm owl by Tambako The Jaguar, on Flickr 【お知らせ】姉妹サイト『イチパン!』復旧しました( ;∀;) くつキッチュアイキャッチ画像

【お知らせ】姉妹サイト『イチパン!』復旧しました( ;∀;)

A calm owl by Tambako The Jaguar, on Flickr Some

記事を読む

お世話になっているのに、忘れがちな「ブログ村」のぷちメンテ♪「(関連)画像メンテナンス」と「関連キーワード確認・変更」 該当記事とは関係ない「ドナルド」と「ミクさん」が表示されている場合など[再取得]をクリックします。 ※または、ドナルドを[代表表示]したい場合は、ドナルドにチェックを入れ直しておきます。

お世話になっているのに、忘れがちな「ブログ村」のぷちメンテ♪「(関連)画像メンテナンス」と「関連キーワード確認・変更」

なぜかどの記事にも頻繁に出没する記事にぜんぜん関連してない、ド+ルド  

記事を読む

User Error by docbaty, on Flickr

現在、お客様からのリクエストを処理することができません。Google のエンジニアが問題解決に取り組んでおりますので、しばらくお待ちください。

User Error by docbaty, on Flickr Adse

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

  • 創作クラスタ応援し隊のくつきちよこ(崛起智世子)です。 このブログは、「ネット著 作権」、「セルフプロモーション」、「ワードプレス運用」、「電子書籍サービス」、 「自己出版(セルフパブリッシング)」、「創作」等に関する情報をお届けしておりま す。 ※Wiki『創作ステージ@まちペディア』(ちょっと押してますが)作成中です♪
  • follow us in feedly
  • くつキッチュ/スクラップス! on Tumblr

  • 「表現の自由を守る党」自作応援バナー くつきちよこ

  • パソコン工房「CLIP STUDIO PAINT PRO推奨パソコン」エントリーモデル登場