Googleマップの登場以来、地図サービスは身近で欠かせないものになりました。Googleマップでは、Webページに地図を埋め込める「Google Maps API」が無償で提供されており、多くのWebサイトで利用されています。 ところが、2011年10月26日、グーグルは、Google Maps APIに利用上限を設定し、上限を超えた場合は課金対象とする、とアナウンスしました。
こんにちは。Google マップのエンジニアリングを担当している池嶋です。今日は、Google Maps API を使って、地図の色を自由に変えられる裏技を紹介したいと思います。 まず、この地図を見てください。 通常の Google マップのように見えますが、全体の色が薄く、赤く色がついている場所があります。赤く色をつけたのは、Google マップのデータベースに「学校」と指定されている場所です。この地図を見ると、たくさんの学校がある事がわかります。 この地図は、特別に作ったデータではなく、先日 Google I/O でも紹介された、Google Maps API で色を変えられる機能を使って作りました。この機能を使うと、自由にカスタマイズした地図を作る事ができます。 例えば、大都市における鉄道や高速道路の分布を地図の上で見る事ができます。
ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基本編 Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを
[,right] googleマップが携帯でも表示可能となった(http://googlejapan.blogspot.com/2008/03/google_1433.html)らしいので、早速AUのGPS機能と連携させてみる。バイクでツーリング行って迷った時に便利だからね。 実際に作ってみたURLはこちら(http://xanthus.s54.xrea.com/gsm/gsm.shtml)。AUの携帯からClick!をクリックすると、GPS情報の取得が始まりその辺りの地図が表示されるはず。Zoom inは19まで。Zoom outは0まで可能。 なお、PCだとGPS情報が取得できないので経度、緯度を指定したこちら(http://xanthus.s54.xrea.com/gsm/gsm2.cgi?lat=35.41.50.62&lon=139.34.58.55)。latとlonは適宜書き換
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く