Movatterモバイル変換


[0]ホーム

URL:


このページの本文へ

ASCII.jp

Web Professional

デザインからマーケティングまで、Webを仕事にする人の情報サイト

SSLページ
で検索
  • RSSフィード
  • メールマガジンサービス
  • Facebook
  • twitter
PC
Digital
Business
Special

古籏一浩のJavaScriptラボ第84回

Googleマップ有料化でYahoo! APIを使ってみた (1/5)

2012年03月12日 13時16分更新

文●古籏一浩

本文印刷
js-labo

 Googleマップの登場以来、地図サービスは身近で欠かせないものになりました。Googleマップでは、Webページに地図を埋め込める「Google Maps API」が無償で提供されており、多くのWebサイトで利用されています。

 ところが、2011年10月26日、グーグルは、Google Maps APIに利用上限を設定し、上限を超えた場合は課金対象とする、とアナウンスしました。

Introduction of usage limits to the Maps API
http://googlegeodevelopers.blogspot.com/2011/10/introduction-of-usage-limits-to-maps.html

 課金対象については、以下のページに説明があります。

What usage limits apply to the Maps API?
http://code.google.com/intl/ja-JP/apis/maps/faq.html#usagelimits

 上記の説明によると、課金対象となる条件は、1日あたり2万5000回以上の読み込みがあり、さらにその状態が90日間連続している場合とされています。大量のアクセスが一定期間続いている場合のみ対象になるので、たまたまニュースなどでサイトで取り上げられて一時的にアクセス数が急増しても、数日でアクセスが減ってしまえば対象にはなりません。

 このため、よほどの人気サービスでない限り課金制限の対象にはならないでしょう。心配な場合は、どの程度アクセスがあるかをGoogle APIs Consoleで確認できます(コラム参照)。ビジネスであれば、有料版のGoogle Maps(Premier License)の利用を検討してもよいかもしれません。

 もしくは、これを機会に他の地図サービスを検討するのもよいでしょう。Googleマップ以外には以下のようなサービスがあります。

Bing Maps
http://www.microsoft.com/maps/developers/web.aspx
Yahoo! Open Local Platform(YOLP)/JavaScriptマップ
http://developer.yahoo.co.jp/webapi/map/openlocalplatform/v1/js/

 今回は、Yahoo! JAPANが提供している地図サービス「Yahoo! Open Local Platform(YOLP)」の「JavaScriptマップAPI」を、Google Maps APIと比較しながら解説します。YOLPで提供される機能は、「Yahoo! JAPANデベロッパーネットワーク」内の「YOLP (地図)/JavaScriptマップ」で確認できます。

Yahoo! JAPANデベロッパーネットワーク
http://developer.yahoo.co.jp/
YOLP (地図)/JavaScriptマップ
http://developer.yahoo.co.jp/webapi/map/
YOLP (地図)/JavaScriptマップ/リファレンス
http://developer.yahoo.co.jp/webapi/map/openlocalplatform/v1/js/reference/

 YOLPのJavaScriptマップAPIを利用するには、あらかじめYahoo! JAPANのID名や使用するアプリケーションID名を登録しておく必要があります。以降で紹介するプログラムコード内にある●●●は登録したアプリケーションID名ですので、各自登録したIDに置き換えてください。また、Googleマップと区別するため、本記事ではJavaScriptマップでなく「Yahoo!マップ」として表記しています。

Googleマップの利用状況を調べるには

 Googleマップの利用状況は、「Google APIs Console」で確認できます。Google APIs Consoleで状況を確認しながら、対応を決めればよいでしょう。思った以上にアクセスがない場合もあれば、突如アクセスが増加することもあります。

 なお、APIキーを使用する場合は、ライブラリロード時に「key=取得したAPIキー」のURLパラメーターを指定する必要があります。指定しないとアクセス量がAPIコンソールに表示されません。

【図】fig16.psd

I agree to these terms.にチェックを入れてAcceptボタンをクリック(初回のみ)

【図】fig17.psd

Reprtsボタンをクリックすると登録してあるサービスのアクセス状況の画面に移動する。なお、使用するAPIを登録していない場合はServiceボタンをクリックして使用するサービスをONに設定する

【図】fig18.psd

Maps API v3にチェックを入れる。すると、利用状況を示すグラフが表示される

【図】fig19.psd

Quotasボタンをクリックしても状況を把握できる

前へ12345次へ

ソーシャルリアクション

この連載の記事

一覧へ
enchant.jsで懐かしのインベーダーゲームを作ろう

WebPro

enchant.jsで懐かしのインベーダーゲームを作ろう

なつかしのインベーダー風のゲームをJavaScriptライブラリー「enchant.js」で作るチュートリアル。ブロック崩しを応用すれば手軽に作れる。

DeviceOrientation Eventでブロック崩し作ってみた

WebPro

DeviceOrientation Eventでブロック崩し作ってみた

iOS 5.1で実装された「DeviceOrientation Event」とenchant.jsを使ってセンサーで操作するブロック崩しを作ってみた。

enchant.jsとジャイロセンサーで作るスマホゲーム

WebPro

enchant.jsとジャイロセンサーで作るスマホゲーム

iOS 5.1ではW3Cが標準化を進めている「DeviceOrientation Event」が実装されている。enchant.jsと組み合わせてゲームを作ろう。

WebRTCでブラウザーが防犯カメラに!

WebPro

WebRTCでブラウザーが防犯カメラに!

JavaScriptでカメラやマイクなどからリアルタイムでデータを取り込めるWebRTCを使ってブラウザーで動く防犯カメラアプリを作ってみた。

File system APIでブラウザーで動くファイラーを作る

WebPro

File system APIでブラウザーで動くファイラーを作る

Webブラウザー内に独自のファイルやディレクトリを保存できる「File system API」。ファイルの書き込み/読み込み方法を学んで簡易ファイラーを完成させよう。

ブラウザーにファイルを残せるFile system APIの使い方

WebPro

ブラウザーにファイルを残せるFile system APIの使い方

File system APIを使うと、ディレクトリを持ったファイルシステムにJavaScriptを使ってデータを保存できる。ファイルの作成・削除などの基本の使い方を紹介する。

この記事の編集者は以下の記事をオススメしています

PROGRAMMING古籏一浩のJavaScriptラボ

WebPro

古籏一浩のJavaScriptラボ

活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。

  • 0
  • 0
PROGRAMMING手軽になった!Google Maps API V3

WebPro

手軽になった!Google Maps API V3

「Google Maps API」がバージョンアップし、使い勝手がさらによくなった。基本的な使い方を紹介する。

  • 0
  • 0
PROGRAMMINGGoogleマップ待望の新機能「ルート案内API」の使い方

WebPro

Googleマップ待望の新機能「ルート案内API」の使い方

日本語版の「Google Maps API」に新機能「ルート案内API」が追加された。ルート案内APIの基本的な使い方を解説する。

  • 0
  • 0
DESIGNGoogleマップ初歩の初歩!静的地図を組み込もう

WebPro

Googleマップ初歩の初歩!静的地図を組み込もう

Webサイトに地図を載せる方法としてすっかり定着したGoogleマップ。今回は、静的なGoogleマップを使ってお店の地図を簡単に表示してみよう。

  • 0
  • 0
PROGRAMMINGGoogleとの比較で学ぶYahoo!マップAPIの使い方

WebPro

Googleとの比較で学ぶYahoo!マップAPIの使い方

Yahoo! Open Local Platform(YOLP)のJavaScriptマップAPIの使い方をGoogle Maps APIと比較して解説。地図の移動やズームレベルの変更、多角形の描画方法を紹介する。

  • 0
  • 0
来ましたオフライン対応! Googleマップ新機能まとめ

トピックス

来ましたオフライン対応! Googleマップ新機能まとめ

新機能は4つ!編集部の注目は、登山中の風景をストリートビューしてしまおうという無茶企画「トレッカー」です。

  • 0
  • 0
すぐに役立つ!プロの解説記事
一覧へ
ASCII.jp Web Professional
Tweets by WPJ_news
Web Professionalの本
一覧へ
© KADOKAWA ASCII Research Laboratories, Inc. 2025

表示形式: PC ⁄ スマホ


[8]ページ先頭

©2009-2025 Movatter.jp