グーグルマップ10周年記念、ハプニング集
もう10才になるんですね。 2月8日は、グーグルマップの誕生日ってご存知でしたか？ 2005年に誕生し、今やナビゲーションのスタンダードとなったと同時に、グーグルマップはイタズラを行うのに最高のプラットフォームともなりました。 今回は10周年を記念して、意図的であるかどうかに関わらずグーグルマップで起こったハプニングの歴史を見て行きましょう。 グーグルマップに猫が誕生 距離の計測機能でマップにお絵描きは可能ですが、野心的ないたずらっ子がハイキングコースで猫を描いてしまいました。当初は、グーグルマップが新しいマスコットを作ったのかと思ったのですが、残念ながら発見されてすぐに修正されてしまいました。 インターネット男根諮問委員会の開設 グーグルマップが打ち負かしたのは、それまでのデジタルマップだけではありません。同時に電話帳も過去のものとしてしまった…筈だったのですが、架空の団体や店舗を加える
第5回 位置情報を保存しよう（前編）：位置情報サービスのはじめ方｜gihyo.jp … 技術評論社
今回から2回に分けて、位置情報をDatastoreに格納する方法をいくつか紹介します[1]。 数値型で保存する 緯度経度の情報をデータベースへ格納するときに、もっとも簡単な方法が数値型として保存する方法です。緯度経度がとりうる値の範囲は、以下の通りですので、システムに必要な小数点以下の数字を考慮して型を決めましょう。 はてなフォトライフでは、写真に緯度経度のメタ情報を設定することができますが、高精度な緯度経度情報は必要ないので、型を以下のように指定しています。 latitude decimal(7,4) longitude decimal(7,4) decimal(7,4)という指定は、10進数で7桁のデータで、小数点以下は4桁まで格納するというものです。 あるオブジェクトの緯度経度を保存し、表示するだけならこれだけで十分ですが、位置情報を中心に扱うサービスになると、格納したデータを緯度
Google、ストリートビューに“タイムマシン”機能を追加 震災前後の風景も
米Googleは4月23日（現地時間）、デスクトップ版Google Mapsのストリートビューにタイムマシンのような機能を追加したと発表した。 Google Mapsの左上に表示されるストリートビュー画像の下に時計のアイコンが表示される場合、このアイコンをクリックしてスライダーを動かすと、同じ場所の過去の画像が表示される。同社はこの機能のために過去のストリートビューの画像を2007年までさかのぼって集めたという。 2011年の東日本大震災で大きな被害を受けた宮城県女川町や2001年の同時多発テロで崩壊したワールドトレードセンター跡地に建設中の1ワールトドレードセンタービル（旧フリーダムタワー）の推移などを見ることができる。
Googleに学ぶ、Google Maps APIでできること（デモや技術情報など）
Google Maps APIを使ってできるユニークな特徴を備えたデモが楽しめるGoogleのプロモーションサイトと補足として技術情報を紹介します。 Google Maps API - More Than A Map デモでは6つのGoogleマップを使ったコンテンツと、開発者向けリソースや更に高度なデモを楽しめます。 Googleマップ：ベースマップ Googleマップ：サテライト Googleマップ：ストリートビュー Googleマップ：プレイス Googleマップ：ルート案内 Googleマップ：ビジュアライゼーション Googleマップ：開発者向けリソース Googleマップ：ショーケース Googleマップ：ベースマップ まずは、基本となるベースのマップです。
ASCII.jp：Googleマップ＋jQueryで作るAjaxなデザイン｜29分でできる！ あのサイトの“技”を盗め
今やさまざまなWebサイトで使われ、すっかり地図の定番となったGoogleマップ。 コーポレートサイトや飲食店のサイトなどで、純粋に案内図としてページに埋め込むのが一般的ですが、中にはもっとおもしろい使い方で、ユーザーを楽しませているサイトもあります。 一例として、「hitotoki」というWebマガジンを紹介しましょう。hitotokiは、ある特定の場所に関するショートストーリーを地図と絡めて紹介するWebマガジンです。Googleマップをまるで独自に描いた絵地図のようにうまくサイトになじませ、「地理と文学を結びつけた町の文学地図」というコンセプトに合わせて効果的に活用しています。 今回は、このhitotokiのGoogleマップ活用法をお手本としましょう。 今回のお手本サイト： 『hitotoki―町の文学地図』 「場所」にまつわる読者の思い出を募り、地図と写真とともに紹介する投稿型の
手軽になった！Google Maps API V3 (1/2)
Web上で地図を表示するツールの定番といえば「Googleマップ」。独自の地図を簡単に作れる「Google Maps API」を使って、会社案内のページに地図を埋め込んだり、地図と連動するネットサービスを運営している方も多いでしょう。 このGoogle Maps APIの新バージョン「Version 3」（以下V3と略）が5月27日に公開されました。今回は、V3を使って地図を表示する基本的な手順を紹介しましょう。 Google Maps API V3の主な変更点 Google Maps API V3では、以下の点が新しくなりました。 （1）API Keyが不要 V2まででは、Google Maps APIを使うためにはAPI Keyを取得する必要がありましたが、V3では不要になりました。 （2）iPhone／Androidへの対応 iPhoneやAndroidで地図を高速に表示できるように
Explore Treasure Mode with Google Maps
Start the hunt: http://goo.gl/pB4gm In September 2012 our team discovered a paper map that has been verified as Captain Kidd's treasure map. However, we haven't deciphered all the clues yet and its up to you to access his map and uncover the secrets. If we all work together, we can solve the mystery and find the long lost treasure. Read more on our blog: http://goo.gl/m2aSb Get updates to #treas
全iPhoneユーザーに教えてあげたいGoogleマップを使いこなす10個の覚え書き！｜男子ハック
iPhoneおすすめアプリ全iPhoneユーザーに教えてあげたいGoogleマップを使いこなす10個の覚え書き！2012年12月15日996 @JUNP_Nです。とうとうiPhoneにGoogleマップが帰ってきました。新しいGoogleマップアプリは以前のものと比べて超パワーアップしています。ということで新しいGoogleマップアプリを使いこなすための10個の覚え書きです。 1. Googleマップアプリでストリートビューを表示する表示したい場所を長押ししてピンを付けます。その状態で画面下部に表示されている住所部分を上にスライドさせるとストリートビューの表示が出ます。 表示されたストリートビューの写真をタップすることでストリートビューモードになります。 もちろん矢印での移動や、グルグル見回したりなんかもできます。 2.Google マップアプリで経路検索をするGoogle マップアプリで
Googleマップをもっと簡単に使おう·gmaps.js MOONGIFT
gmaps.jsはGoogleマップを使いやすくするJavaScriptライブラリです。 GoogleマップではJavaScriptのAPIも提供されていますが、使い勝手が良いとは言えません。活用していくならばもっと使いやすいgmaps.jsを利用しましょう。 まず普通の表示。GMapsに位置情報を渡すだけです。超簡単。 イベントも取れます。クリックやドラッグなど様々なイベントが使えます。 マーカーの追加も分かりやすいです。マーカーにイベントをつけるのも簡単。 HTMLコンテンツを表示するのも手軽です。 HTML5の位置情報取得にも対応しています。 住所を検索してジオコーディング。 ドローです。指定は大変ですが。 オーバーレイ表示です。 ルート検索です。二つの位置情報を渡すだけです。 ルート検索をさらにポイントごとに表示していくこともできます。 こちらは静的なマップ。画像として表示できます
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
WordPressのカスタムフィールドに住所や地名を登録するだけでGoogleマップが表示されるようにカスタマイズする
少し前に小規模のローカル地域での 店舗検索サイトのお手伝いをさせて 頂いたんですが、その時に使った Tipsです。WordPressのカスタム フィールドに住所を入れるだけで、 地図が表示されるようにする。 カスタムフィールドに住所を入力すればGoogleマップが自動で表示されるようにする、っていう方法。 住所入力でGoogleマップを表示する APIを使います。これは少し前にjQueryでやる方法を知人に聞かれたので記事を書きました。 APIと少しのjQueryコードでGoogle Mapの地図の色を変更する なので細かい解説は割愛します。 コードではコードです。 API<script type='text/javascript' charset='utf-8' src='http://maps.googleapis.com/maps/api/js?&sensor=false'></sc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
新しいGoogleマップをレスポンシブ対応で埋め込む方法 | ライフハッカー・ジャパン
Our Doors
ggsoku.com