もう10才になるんですね。 2月8日は、グーグルマップの誕生日ってご存知でしたか？ 2005年に誕生し、今やナビゲーションのスタンダードとなったと同時に、グーグルマップはイタズラを行うのに最高のプラットフォームともなりました。 今回は10周年を記念して、意図的であるかどうかに関わらずグーグルマップで起こったハプニングの歴史を見て行きましょう。 グーグルマップに猫が誕生 距離の計測機能でマップにお絵描きは可能ですが、野心的ないたずらっ子がハイキングコースで猫を描いてしまいました。当初は、グーグルマップが新しいマスコットを作ったのかと思ったのですが、残念ながら発見されてすぐに修正されてしまいました。 インターネット男根諮問委員会の開設 グーグルマップが打ち負かしたのは、それまでのデジタルマップだけではありません。同時に電話帳も過去のものとしてしまった…筈だったのですが、架空の団体や店舗を加える

今回から2回に分けて、位置情報をDatastoreに格納する方法をいくつか紹介します[1]⁠。 数値型で保存する 緯度経度の情報をデータベースへ格納するときに、もっとも簡単な方法が数値型として保存する方法です。緯度経度がとりうる値の範囲は、以下の通りですので、システムに必要な小数点以下の数字を考慮して型を決めましょう。 はてなフォトライフでは、写真に緯度経度のメタ情報を設定することができますが、高精度な緯度経度情報は必要ないので、型を以下のように指定しています。 latitude decimal(7,4) longitude decimal(7,4) decimal(7,4)という指定は、10進数で7桁のデータで、小数点以下は4桁まで格納するというものです。 あるオブジェクトの緯度経度を保存し、表示するだけならこれだけで十分ですが、位置情報を中心に扱うサービスになると、格納したデータを緯度

ユーザーの位置情報エクスペリエンスを強化するために、何百万ものウェブサイトやアプリで Google Maps Platform が使用されています。

米Googleは4月23日（現地時間）、デスクトップ版Google Mapsのストリートビューにタイムマシンのような機能を追加したと発表した。 Google Mapsの左上に表示されるストリートビュー画像の下に時計のアイコンが表示される場合、このアイコンをクリックしてスライダーを動かすと、同じ場所の過去の画像が表示される。同社はこの機能のために過去のストリートビューの画像を2007年までさかのぼって集めたという。 2011年の東日本大震災で大きな被害を受けた宮城県女川町や2001年の同時多発テロで崩壊したワールドトレードセンター跡地に建設中の1ワールトドレードセンタービル（旧フリーダムタワー）の推移などを見ることができる。

Pick up the 9th-gen iPad with two years of AppleCare+ for only $298

希望者のみに提供されていた「新しいGoogleマップ」が正式リリースとなり、順次デフォルト表示が新しいマップに切り替わります。新しいマップは以前と比べて地図の表示スペースが広く、より多くの情報を表示できるようになりました。 Googleマップの便利さは釈迦に説法ですが、中でも私がイチオシの機能は「マイマップ」。旅行先で訪ねたい場所を事前にまとめたり、自宅や職場付近の飲食店マップを作るのに便利。さらに共有機能を使えば、移動経路入りの地図をブログやサイトに張り付けることもできちゃいます。というわけで、新マップで自分専用の地図を作る方法をご紹介します。 作成したマイマップは、iPhone／Androidの「Google Maps」アプリやウェブ版からは閲覧できないので、iPhone／iPadで見る方法も最後にご紹介します！ 以前のマップは地図の表示領域が狭かった

どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか？(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae

Digital Inspiration：新しくなったGoogleマップでは、ウェブページに地図を埋め込むことが可能となりました。Googleマップのサイトを開き、埋め込みたいエリアをズームインします。右下の歯車アイコンをクリックして、メニューから「地図を埋め込む」オプションを選択すれば、埋め込みコードを取得できます。 埋め込みコードを使ったサンプルページがこちらです。デフォルトでは、Googleマップがレスポンシブに対応していません。スマートフォンなどでページを開くと、地図のサイズがデバイス画面にフィットせず、はみ出してしまいます。 同じGoogleマップをレスポンシブ対応で埋め込んだサンプルがこちら。ブラウザをリサイズしたり、スマートフォンからページを開いても、画面に合わせて地図のサイズを自動調整してくれます。 Googleマップをレスポンシブに埋め込む方法 以下がGoogleマップのデ

2013.11.03 追記 電子国土Web.NEXT という名称で試験公開されていたものが、「地理院地図」「地理院タイル」として正式公開されました。 地理院地図の公開について | 国土地理院 地理院タイルを用いた開発 | 地理院地図 地理院タイルは 従来版タイル と仕様が異なります。従来版タイルは 2013年度中に提供終了予定 との事ですし、新しい地理院タイルの方が大幅に仕様が簡略化されたので、こちらを使った方が良いです。 このエントリも「電子国土」を「地理院地図（地理院タイル）」に修正しました。 2013.10.17 追記 コメントで頂いていますが、現在は、 「日本向けにローカライズされた」 Googleマップ側でも表記が修正されたようで、当初「問題がある」と言われていた地域は問題が解消されているように見えます。 ただし、下記のように Google Maps API で「region=J

今やさまざまなWebサイトで使われ、すっかり地図の定番となったGoogleマップ。 コーポレートサイトや飲食店のサイトなどで、純粋に案内図としてページに埋め込むのが一般的ですが、中にはもっとおもしろい使い方で、ユーザーを楽しませているサイトもあります。 一例として、「hitotoki」というWebマガジンを紹介しましょう。hitotokiは、ある特定の場所に関するショートストーリーを地図と絡めて紹介するWebマガジンです。Googleマップをまるで独自に描いた絵地図のようにうまくサイトになじませ、「地理と文学を結びつけた町の文学地図」というコンセプトに合わせて効果的に活用しています。 今回は、このhitotokiのGoogleマップ活用法をお手本としましょう。 今回のお手本サイト： 『hitotoki―町の文学地図』 「場所」にまつわる読者の思い出を募り、地図と写真とともに紹介する投稿型の

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で地図を高速に表示できるように

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おすすめアプリ全iPhoneユーザーに教えてあげたいGoogleマップを使いこなす10個の覚え書き！2012年12月15日996 @JUNP_Nです。とうとうiPhoneにGoogleマップが帰ってきました。新しいGoogleマップアプリは以前のものと比べて超パワーアップしています。ということで新しいGoogleマップアプリを使いこなすための10個の覚え書きです。 1. Googleマップアプリでストリートビューを表示する表示したい場所を長押ししてピンを付けます。その状態で画面下部に表示されている住所部分を上にスライドさせるとストリートビューの表示が出ます。 表示されたストリートビューの写真をタップすることでストリートビューモードになります。 もちろん矢印での移動や、グルグル見回したりなんかもできます。 2.Google マップアプリで経路検索をするGoogle マップアプリで

ついにiOS 5時代のマップが復活です。 本日（2012年10月9日）、App storeに旧版マップが公開されているのが発見されました。 【※追記】本記事で紹介しているアプリは、Apple公式の地図アプリではありません。 アプリ名は『ClassicMap』です。もちろん無料でダウンロードできます。さっそくiOS 6版マップのものと比較してみましょう。 なお、画像左が問題のあったiOS 6版、右が新しく出たClassicMapです。 1. パチンコガンダム駅（昭島市のJR青梅線上） 突如現れたシュールな名前のあの駅。ClassicMapでは表示されていません。 2. 東の方にある「新宿西口」 東側にあった新宿西口も修正され、元の正しい地図になっています。これで新宿駅でも迷うことがなくなる（はず）。 3. 首相官邸の中にあった「日比谷高校」 首相官邸から歩いて通える場所にあった日比谷高校も修

Googleが提供する地図検索サービス「Google マップ」で、日本地図のデザインがリニューアルしました。地図上の文字やアイコンの色・スタイルなどを工夫し、従来よりもさらに見やすいデザインになっています。 ▽ Google マップ - 地図検索 ▽ Google Japan Blog: Google マップのデザインが新しくなりました Google Japan Blogによれば、新しいデザインの特徴は次の4つです。 1.字体やアイコンがより見やすく。 2.交差点や店舗がより見やすく。 3.駅の形状や出入口がより分かりやすく。 4.道路の密度がより高く。 早速新デザインのGoogle マップを見てみましょう。 こちらは東京都渋谷区の渋谷駅周辺の地図です。字体やアイコンが変更されたことで、地名・駅名・施設名などが区別しやすくなっています。交差点名が四角で囲われているのも分かりやすいですね。信

gmaps.jsはGoogleマップを使いやすくするJavaScriptライブラリです。 GoogleマップではJavaScriptのAPIも提供されていますが、使い勝手が良いとは言えません。活用していくならばもっと使いやすいgmaps.jsを利用しましょう。 まず普通の表示。GMapsに位置情報を渡すだけです。超簡単。 イベントも取れます。クリックやドラッグなど様々なイベントが使えます。 マーカーの追加も分かりやすいです。マーカーにイベントをつけるのも簡単。 HTMLコンテンツを表示するのも手軽です。 HTML5の位置情報取得にも対応しています。 住所を検索してジオコーディング。 ドローです。指定は大変ですが。 オーバーレイ表示です。 ルート検索です。二つの位置情報を渡すだけです。 ルート検索をさらにポイントごとに表示していくこともできます。 こちらは静的なマップ。画像として表示できます