加速度センサーで操縦する地図サイトを作ろう (1/4)
Firefox 3.6の新機能で遊ぶ 今年1月、Firefoxの最新版「Firefox 3.6」がリリースされました。FirefoxはHTML5を積極的にサポートするなど、開発者にとっては“遊びがい”のあるブラウザーの1つです。最新版の3.6でもいくつか興味深い機能が追加されています。 注目は、iPhoneやゲーム機のコントローラーでおなじみの「加速度センサー」に対応したこと。加速度センサーを搭載したPCなら、本体の傾きに応じてJavaScriptの処理を実行できるようになりました。そこで今回のJavaScriptラボでは、Firefox 3.6の「加速度センサーAPI」とGoogleマップを使って、PCを傾けた方向にスクロールする地図を作ってみましょう。さらに、HTML5の「Geo Location API」を使い、地図のスタート地点（デフォルトの表示位置）を現在地に変更する機能も付けて
ルート案内 API が日本でも使えるようになりました
Google Maps API をご利用の開発者のみなさま、お待たせしました。6月9日に開催された Google Developer Day で告知させていただいたとおり Google Maps API が日本国内のルート案内 (Driving Directions) に対応しました。これまで、国外のルートのみ対応となっておりましたが、今後は日本国内のルートもあわせてご利用いただけます。ここでは AJAX APIs Playground を使って簡単に使い方をご紹介します。 Map Directions Simple を元に日本国内のルート（グーグルの東京オフィスがあるセルリアンタワーから東京ディズニーランドまで）を表示させてみましょう。まず、最新バージョンの Maps API を使用するため、ソースの HTML を書き換える必要があります。"Edit HTML" をクリックして scri
国産のGoogleマップAPIを利用したWebサービス27+α
GoogleMapを使ったWebサービス に興味が沸いて調べてみました。 マップ系なので殆ど国産サービスです。 単純に興味が沸いて調べただけなので もしかしたら情報は中途半端かもです。 GoogleMapAPIを使ったWebサービス に興味がある方に参考になれば幸いです。 一応カテゴリで分けました。自分でもちょっと微妙な分け方ですが、無いより分かりやすいかなと思いまして・・・ タイトルのαは海外のGoogleMap系サイトの紹介記事です。 情報共有タイプソーシャル要素を加味したマップ系Webサービス mapeer マップを使ったCGM系サービス。ユーザー同士で情報をマップで共有出来ます。 mapeer ホトリ 全国の仏像情報を共有するサービス。デザインが凄くかわいいいですねー。 ホトリ- Zorg 地図上に画像を表示させて共有するWebサービス。何気にいいです、これ。面白いかも。気に入った
Google Maps APIで高度や月面や火星表面が扱えるようになってた:Geekなぺーじ
久しぶりにGoogle Maps APIで遊ぼうと思っていじっていたら、GMap2.setMapTypeで設定できる値がやたらと増えていてびっくりしました。 高度付き地図が増えていたり、月面が増えていたり、火星が増えていたりしていました。 月と火星は、それぞれ高度/写真/赤外線画像を選べるようになっていました。 すげー。 でも、いつからできるようになったんですかね。。。 もしかして、情報遅すぎます？ 最近、全然いじっていなかったので、びっくりしてしまいました。 とりあえず、selectで切り替えてみるサンプルを作ってみました。 お楽しみ下さい。 コード <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmln
地図検索サービスで広がるWebプログラミング---目次
2005年頃からインターネットを介した各種Webサービスの公開，機能競争が加速してきています。GoogleやYahoo!といった検索ポータルから始まったこのムーブメントに，Amazonのような大手ショップ・サイトや，YouTubeのような動画データベース・サイトも加わり，巨大なデータベースを持つサイトならWebサービスを提供しているのが当然と言わんばかりの勢いで広がりを見せています。 サイト/商品検索機能の提供が一段落したところで，最近は（おそらくもともと彼らの本業ではなかったであろう）地図検索のWebサービスがにわかに注目を集めています。 この連載では，地図検索Webサービスの中から，Yahoo!，Virtual Earth（マイクロソフト），Googleの三つのWebサービスを順に取り上げます。それぞれの特徴や機能を確認し，実際にどんなプログラムを作れるのかを検証します。 第1回 「Y
第7回 「Google Maps API」(1)
地図というのはどうしてこうも男心をくすぐるんでしょうか。一通り知り合いの家あたりを見終わると，目に付いた道をまっすぐたどってどこまでいくのか見てみたくなります。そして突き当たると，この国道にも起点や終点があったんだなとか変なことに感動してみたり。プログラムなんかしなくてもこれはこれで楽しめるのかもしれま…いや，ちゃんと記事書きます。ごめんなさい。1965年生まれ。愛知県名古屋市出身のフリーライター。 今回からGoogleが提供するGoogle Maps APIの解説です。Google Maps APIは，前回までにご紹介してきた「Yahoo!地図情報Webサービス」や「Virtual Earth」よりも早くからサービス提供を開始しており，地図系APIの先駆けといえます。サービスとしては先発ながら，機能拡張は現在も続いています。 公式ドキュメントは，Googleのサイトで参照できます。残念な
Google Maps 入門
Google マップはグーグルが提供している地図サービスです。この Google マップをカスタマイズして独自のマーカーを表示させたり、指定した区間のルート検索を行ったりすることができるように色々な API が提供されています。ここでは Google マップで提供されている API の中でもウェブサイトで利用者が操作可能な地図をカスタマイズして表示することができる Google Maps JavaScript API の使い方の解説します。 ※ Google マップを利用者として使う場合の使い方については「Googleマップの使い方」を参照されて下さい。 なお JavaScript の基本的な使い方については「JavaScript入門」を参照されてください。
Geekなぺーじ : Google MAPS APIプログラミング
ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基本編 Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
