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

　

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

 

登場人物：くつきちよこ　※管理人　　　佐藤　※ゲスト

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

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

Google Mapsでエラーが出たらどうする [無料ホームページ作成クラウドサービス　まめわざ] https://t.co/djEPoimccJ
”課金を拒否したまま上限を超えるとエラーが出る”

— 創作支援屋＠くつきちよこ (@hibii_ichi) November 16, 2016

 

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

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

 といっても、「1日あたりのリクエスト数が25,000回以上の状態が90日間以上連続」というのは、個人ブログではそれほど心配ない数字かと。

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

 えーぴーあい？

 大きなプログラムを呼び出す小さなプログラムってところでしょうかね。 例えば、Google Mapsの場合、MAPをブログでに埋め込むためのスクリプトとか。

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

APIキー取得とか、面倒くさいのう（・3）

 そんなことないですよ。 ってことで、簡単ステップでAPIキーを取得してみましょう♪

 

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

 

まずはこちら ⇒ Google Maps API へGO!

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

[続ける]をクリック。

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

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

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

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

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

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

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

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 Mapのエラーを探す。（Control+Fで「Google Maps 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の記述が重複しているからなのか不明なので、この点について現在問い合わせ中です。

 —-エラー例2 —-

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

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

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

 

まとめ

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

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

 くまもん

 MAP疲れましたので、癒やされたいです。

 お疲れちゃん。

 あと、リクエスト数に応じて実際にいくら掛かるのかを調べようと思ったのですが、詳細ページのGoogle Maps API価格とプラン が、ファーストビューは日本語なのに、詳細は英語なので挫折しました。

 グーグル翻訳の性能がアップしたんじゃなかったっけ？

 それはそうですけどね～、契約や利用規約などのちょっと間違ったらリスクのある文章はまだやっぱり怖いですよね。

料金詳細は、実際に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！

 

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

 『宇宙（セカイ）をデバッグする、簡単なお仕事です。』　の宣伝です。

 大した情報じゃないんだけど、hamclip さんの町工場 by  #CLIP_Celsysは、説明にはファイル名描いてなくて、対応ソフト「ComicStudio」「IllustStudio」だけど、ファイルが.objだからクリスタでも使えるよ。

 ああ、そういう。

 共有したほうがいいでしょ？

 まあね、ところで進捗どうでしょう？

 キャラ名とか主人公の悩みなどの設定は同じだけど、BCCKS版とはほぼ別物になりそうな予感がする、 『宇宙（セカイ）をデバッグする、簡単なお仕事です。』【0】 （BOOTH版）は、今後、pixiv、ニコニコ系での公開も予定しておりますので、見かけたらお手にとって頂ければ嬉しいですm(_ _)m

 え～～っ！

---

宇宙（ｾｶｲ）をデバッグする、簡単なお仕事です。【0】 ランディングページ


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

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

特設サイト ⇒ 宇宙（ｾｶｲ）をデバッグする、簡単なお仕事です。【0】 ランディングページ

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

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

---

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

クリエイターが知っておくべき権利や法律を教わってきました。著作権のことをきちんと知りたい人のた… 価格：1,274円

---

 

★ ワコム Intuos Pro Medium (Mサイズ) ペンタブレット PTH-651/… 価格：33,937円（税込、送料込）

 

ワコム 液晶ペンタブレット Cintiq 13HD DTK-1301/K0 [13.3型 HD… 価格：104,930円（税込、送料込）

— 魚拓 —

— 記事内容証明 —