グーグルマップ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マップの「マイマップ」で地図作成＆スマホで表示する方法｜Mac - 週刊アスキー
希望者のみに提供されていた「新しいGoogleマップ」が正式リリースとなり、順次デフォルト表示が新しいマップに切り替わります。新しいマップは以前と比べて地図の表示スペースが広く、より多くの情報を表示できるようになりました。 Googleマップの便利さは釈迦に説法ですが、中でも私がイチオシの機能は「マイマップ」。旅行先で訪ねたい場所を事前にまとめたり、自宅や職場付近の飲食店マップを作るのに便利。さらに共有機能を使えば、移動経路入りの地図をブログやサイトに張り付けることもできちゃいます。というわけで、新マップで自分専用の地図を作る方法をご紹介します。 作成したマイマップは、iPhone／Androidの「Google Maps」アプリやウェブ版からは閲覧できないので、iPhone／iPadで見る方法も最後にご紹介します！ 以前のマップは地図の表示領域が狭かった
GoogleMapの簡単な埋め込み方法。アイコンやデザインのカスタマイズも！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされた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
新しいGoogleマップをレスポンシブ対応で埋め込む方法 | ライフハッカー・ジャパン
Digital Inspiration：新しくなったGoogleマップでは、ウェブページに地図を埋め込むことが可能となりました。Googleマップのサイトを開き、埋め込みたいエリアをズームインします。右下の歯車アイコンをクリックして、メニューから「地図を埋め込む」オプションを選択すれば、埋め込みコードを取得できます。 埋め込みコードを使ったサンプルページがこちらです。デフォルトでは、Googleマップがレスポンシブに対応していません。スマートフォンなどでページを開くと、地図のサイズがデバイス画面にフィットせず、はみ出してしまいます。 同じGoogleマップをレスポンシブ対応で埋め込んだサンプルがこちら。ブラウザをリサイズしたり、スマートフォンからページを開いても、画面に合わせて地図のサイズを自動調整してくれます。 Googleマップをレスポンシブに埋め込む方法 以下がGoogleマップのデ
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マップ：ベースマップ まずは、基本となるベースのマップです。
geo - Googleマップ禁止令が出たのなら、地理院地図をGoogleマップで使えばいいじゃない - Qiita [キータ]
2013.11.03 追記 電子国土Web.NEXT という名称で試験公開されていたものが、「地理院地図」「地理院タイル」として正式公開されました。 地理院地図の公開について | 国土地理院 地理院タイルを用いた開発 | 地理院地図 地理院タイルは 従来版タイル と仕様が異なります。従来版タイルは 2013年度中に提供終了予定 との事ですし、新しい地理院タイルの方が大幅に仕様が簡略化されたので、こちらを使った方が良いです。 このエントリも「電子国土」を「地理院地図（地理院タイル）」に修正しました。 2013.10.17 追記 コメントで頂いていますが、現在は、 「日本向けにローカライズされた」 Googleマップ側でも表記が修正されたようで、当初「問題がある」と言われていた地域は問題が解消されているように見えます。 ただし、下記のように Google Maps API で「region=J
![geo - Googleマップ禁止令が出たのなら、地理院地図をGoogleマップで使えばいいじゃない - Qiita [キータ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e24ff39b489f2fef587414a873987d39103ddc48/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9R29vZ2xlJUUzJTgzJTlFJUUzJTgzJTgzJUUzJTgzJTk3JUU3JUE2JTgxJUU2JUFEJUEyJUU0JUJCJUE0JUUzJTgxJThDJUU1JTg3JUJBJUUzJTgxJTlGJUUzJTgxJUFFJUUzJTgxJUFBJUUzJTgyJTg5JUUzJTgwJTgxJUU1JTlDJUIwJUU3JTkwJTg2JUU5JTk5JUEyJUU1JTlDJUIwJUU1JTlCJUIzJUUzJTgyJTkyR29vZ2xlJUUzJTgzJTlFJUUzJTgzJTgzJUUzJTgzJTk3JUUzJTgxJUE3JUU0JUJEJUJGJUUzJTgxJTg4JUUzJTgxJUIwJUUzJTgxJTg0JUUzJTgxJTg0JUUzJTgxJTk4JUUzJTgyJTgzJUUzJTgxJUFBJUUzJTgxJTg0JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz01ODQ1ZGRjNWUwMTYzNWU5OTRhYTE2YTNhZThiNDk1OQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwYW1heTA3NyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NGJiZjFkZjI2ZjVmNzFhZTgyODQ4NGU0YzZhMTQ1NGQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Da206366dda998814512a60ffba19f453)
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 マップアプリで
（追記あり）ついに蘇った！ iOS5時代のマップが無料でダウンロードできます : ライフハッカー［日本版］
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
「Google マップ」の日本地図が新デザインに 駅や交差点も見やすく - はてなニュース
Googleが提供する地図検索サービス「Google マップ」で、日本地図のデザインがリニューアルしました。地図上の文字やアイコンの色・スタイルなどを工夫し、従来よりもさらに見やすいデザインになっています。 ▽ Google マップ - 地図検索 ▽ Google Japan Blog: Google マップのデザインが新しくなりました Google Japan Blogによれば、新しいデザインの特徴は次の4つです。 1.字体やアイコンがより見やすく。 2.交差点や店舗がより見やすく。 3.駅の形状や出入口がより分かりやすく。 4.道路の密度がより高く。 早速新デザインの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マップ風
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Enterprise Solutions - Google Search Appliance
TwitterMap
Engadget | Technology News & Reviews
Our Doors