<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:xhtml="http://www.w3.org/1999/xhtml" ><channel><title>WEBマーケティング ブログ &#187; Google マップ</title> <atom:link href="http://web-marketing.zako.org/google/google-map/feed" rel="self" type="application/rss+xml" /><link>http://web-marketing.zako.org</link> <description>WEBマーケティング ブログは、WEB担当者やWEBが大好きな方々へ、旬な海外の情報を中心に消費者の立場から情報発信をするブログです。日々の「これはおもしろい。」をお届けします。</description> <lastBuildDate>Sun, 12 Feb 2012 15:14:33 +0000</lastBuildDate> <language>ja</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://web-marketing.zako.org/google/google-map/feed" /> <item><title>PDFをFlashのパラパラ本をめくるページフリップに変換する「FlipSnack」</title><link>http://web-marketing.zako.org/google/google-map/pdf-to-flash-page-flip.html</link> <comments>http://web-marketing.zako.org/google/google-map/pdf-to-flash-page-flip.html#comments</comments> <pubDate>Mon, 11 Jul 2011 15:07:01 +0000</pubDate> <dc:creator>sigeo</dc:creator> <category><![CDATA[Google マップ]]></category> <category><![CDATA[PDF]]></category><guid isPermaLink="false">http://web-marketing.zako.org/?p=18453</guid> <description><![CDATA[ブログやサイトへ埋め込み可能。]]></description> <content:encoded><![CDATA[<p class="thumb"><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/07/flipsnack.jpg" alt="PDFをFlashのページフリップに変換する「FlipSnack」" title="flipsnack" width="514" height="204" class="aligncenter size-full wp-image-18467" /></p><p>電子書籍が一般的になりつつある中、ウェブ上で本をパラパラめくるページフリップ効果をつけて、PDFの資料を共有するサービスも増えていますよね。</p><p>今回は、PDFファイルをFlashのページフリップに無料で変換し、ウェブサイト上に埋め込むことができるサービスをご紹介します。</p> <span id="more-18453"></span><h3 class='header-label'>PDFをFlashのページフリップに変換する「FlipSnack」</h3><p>「<a href="http://www.flipsnack.com/" target="_blank">FlipSnack</a>」は、<strong>PDFファイルに、本をパラパラめくるような効果（ページフリップ）をつける</strong>オンラインサービス。</p><p>GoogleやTwitter、<span class='wp_keywordlink'><a href="/web-person-words/facebook.html" title="Facebookとは">Facebook</a></span>アカウントでログイン可能、ブログやサイトにページフリップを埋め込むこともできます。</p><h4 class='tips'>サンプル ページフリップ</h4> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMTAyOTUzMDkwMjkmcHQ9MTMxMDI5NTMxMTMxNSZwPTE3MzAxMzEmZD*mZz*xJm89OGYwMTI4NmM3ZGFmNDhhMmEw/NTFhMWJlZDhkOGFkOTAmb2Y9MA==.gif" /><object id="e10871dcbf63f4e75684796eeq167253" type="application/x-shockwave-flash" data="http://files.flipsnack.net/app/swf/EmbedCanvas.swf?hash_id=e10871dcbf63f4e75684796eeq167253&#038;t=1310295261"  width="500" height="326" ><param name="movie" value="http://files.flipsnack.net/app/swf/EmbedCanvas.swf?hash_id=e10871dcbf63f4e75684796eeq167253&#038;t=1310295261"><param name="allowScriptAccess" value="always"><param name="bgcolor" value="#EEEEEE"><param name="allowFullScreen" value="true"></object><noscript><a href="http://www.flipsnack.com">Flipsnack </a></noscript><p>↑このように、その場でもパラパラ本をめくれるようになっています。真ん中のClick to readボタンを押せば、フルスクリーンで閲覧できます。</p><h4 class='tips'>ページフリップの作り方</h4><p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/07/flipsnack2.jpg" alt="ログイン" title="flipsnack2" width="500" height="226" class="aligncenter size-full wp-image-18465" /><br />↑まず、<a href="http://www.flipsnack.com/login.html?next=%2Fpage-flip-software%2Fnew-flip" target="_blank">FlipSnackログイン</a>のページで、GoogleやTwitterなどのアカウントでログインします。</p><p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/07/flipsnack1.jpg" alt="PDFをアップロード" title="flipsnack1" width="500" height="377" class="aligncenter size-full wp-image-18466" /><br />↑次に、PDFファイルをPCからアップロードするか、ウェブ上のURLを指定してFlipSnackに取り込みます。</p><p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/07/flipsnack3.jpg" alt="ページフリップのデザイン" title="flipsnack3" width="500" height="251" class="aligncenter size-full wp-image-18464" /><br />↑変換作業がおこなわれている間に次のページに移動し、ページフリップのデザインを決めます。</p><p> <img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/07/flipsnack4.jpg" alt="背景の指定" title="flipsnack4" width="500" height="272" class="aligncenter size-full wp-image-18463" /><br />↑背景のデザインもいろいろとカスタマイズできます。</p><p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/07/flipsnack5.jpg" alt="埋め込みタグ" title="flipsnack5" width="500" height="250" class="aligncenter size-full wp-image-18462" /> <br />↑ページフリップが完成したら、Free Embedボタンを押して、埋め込みタグを取得します。</p><p>興味がある方は<a href="http://www.flipsnack.com/" target="_blank">FlipSnack</a>へどうぞ。</p><p>資料をスライドにして共有するサービスには<a href="/web-service/upload-word-documents-excel-sheets-to-slideshare.html">Slidshare</a>もありますが、まるで本のようにペラペラめくって見られるのも、五感が刺激されてより良い体験をすることができますね。</p><div class="evernoteSiteMemory none"><a href="javascript:" onclick="Evernote.doClip({title: 'PDFをFlashのパラパラ本をめくるページフリップに変換する「FlipSnack」 on WEBマーケティング ブログ',url: 'http://web-marketing.zako.org/google/google-map/pdf-to-flash-page-flip.html',contentID: 'post-18453',code: 'Juni9481',suggestTags: 'PDF',providerName: 'WEBマーケティング ブログ',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-jp.png" class="evernoteSiteMemoryButton none" /></a></div>]]></content:encoded> <wfw:commentRss>http://web-marketing.zako.org/google/google-map/pdf-to-flash-page-flip.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://web-marketing.zako.org/google/google-map/pdf-to-flash-page-flip.html" /> </item> <item><title>世界のあらゆる風景をストリートビューでランダムに見れる「MapCrunch」</title><link>http://web-marketing.zako.org/google/random-google-street-view.html</link> <comments>http://web-marketing.zako.org/google/random-google-street-view.html#comments</comments> <pubDate>Mon, 01 Nov 2010 15:38:37 +0000</pubDate> <dc:creator>sigeo</dc:creator> <category><![CDATA[Google マップ]]></category> <category><![CDATA[Google 全般]]></category> <category><![CDATA[ストリートビュー]]></category> <category><![CDATA[世界]]></category><guid isPermaLink="false">http://web-marketing.zako.org/?p=16412</guid> <description><![CDATA[自分しか知らない世界の絶景を見つけるチャンス！？ストリートビューを使った風景探しサービス。]]></description> <content:encoded><![CDATA[<p class="thumb"><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/11/MapCrunch.jpg" alt="世界中の景色をランダムで" title="MapCrunch" width="514" height="204" class="aligncenter size-full wp-image-16416" /></p><p>「海外旅行に行きたい」だとか、「あの国に行ってみたい」と思いを馳せるようになのは、案外たまたま見かけた風景写真であったりしますよね。その時に焼き付いたイメージは、なかなか記憶から消えるものではありません。</p><p>今回は、そんな世界中の風景を、ストリートビューでランダムに見ることが出来るサービスをご紹介します。</p> <span id="more-16412"></span><h3 class='header-label'>世界中の景色をストリートビューでランダムに見れる「MapCrunch」</h3><p>「<a class='web-site-link' href="http://www.mapcrunch.com/" target="_blank">MapCrunch</a>」は、<strong>ストリートビューで世界のさまざまな風景をランダムで見ることができる</strong>サービス。</p><p>国で絞り込んだり、スライドショーにしたりすることもでき、心に残る絶景を焼き付けるにはもってこいです。</p><h4 class='tips'>国で選べる</h4><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/11/MapCrunch1.jpg" alt="香港" title="MapCrunch1" width="400" height="224" class="aligncenter size-full wp-image-16417" /><br />↑国で絞り込んだり、すべてを選んだりすることもできます。おや、早速なにやら気になるものがｗ</p><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/11/MapCrunch3.jpg" alt="移動可能" title="MapCrunch3" width="400" height="255" class="aligncenter size-full wp-image-16421" /><br />↑ストリートビューですから、先のほうが気になれば、そこから移動することも可能です。</p><h4 class='tips'>スライドショーで見れる</h4> <object width="522" height="315"><param name="movie" value="http://www.youtube.com/v/oommMYJNvcU?fs=1&amp;hl=ja_JP"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/oommMYJNvcU?fs=1&amp;hl=ja_JP" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="522" height="315"></embed></object><p>↑「Slideshow」にチェックを入れれば、ランダムで風景を流してくれます。フルスクリーンモードにすれば、毎回違う、素敵なスクリーンセーバーにもなりますね。</p><h4 class='tips'>気に入った場所のリンクを取得できる</h4><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/11/MapCrunch2.jpg" alt="風景へのリンク" title="MapCrunch2" width="400" height="35" class="aligncenter size-full wp-image-16418" /><br />↑「Link to this panorama »」をクリックすると、表示されている風景へのリンクが生成されます。</p><h5 class='tips'>取得したリンク</h5><p><a href="http://www.mapcrunch.com/?p=59.832143,10.786607,29.02,-4,0" target="_blank">http://www.mapcrunch.com/?p=59.832143,10.786607,29.02,-4,0</a></p><p>↑こちらが取得したリンクです。</p><h4 class='tips'>写真も見れる</h4><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/11/MapCrunch4.jpg" alt="風景写真" title="MapCrunch4" width="400" height="259" class="aligncenter size-full wp-image-16425" /><br />↑その場所に投稿された写真も見ることができます。</p><p>興味のある方は<a class='web-site-link' href="http://www.mapcrunch.com/" target="_blank">MapCrunch</a>へどうぞ。</p><p>自分だけしか知らない絶景を、自宅に居ながら見つけられるかもしれないというのは良いですね。</p><p>Via:<a class='web-site-link' href="http://www.delicious.com/url/61d0e495a5ec8a530a2fb2003bbb359c" target="_blank">delicious</a></p><div class="evernoteSiteMemory none"><a href="javascript:" onclick="Evernote.doClip({title: '世界のあらゆる風景をストリートビューでランダムに見れる「MapCrunch」 on WEBマーケティング ブログ',url: 'http://web-marketing.zako.org/google/random-google-street-view.html',contentID: 'post-16412',code: 'Juni9481',suggestTags: 'ストリートビュー,世界',providerName: 'WEBマーケティング ブログ',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-jp.png" class="evernoteSiteMemoryButton none" /></a></div>]]></content:encoded> <wfw:commentRss>http://web-marketing.zako.org/google/random-google-street-view.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://web-marketing.zako.org/google/random-google-street-view.html" /> </item> <item><title>目的地までの道案内をストリートビューで紹介できる「DirectionsMap」サイトへ埋め込み可能</title><link>http://web-marketing.zako.org/web-tools/street-view-directions-map.html</link> <comments>http://web-marketing.zako.org/web-tools/street-view-directions-map.html#comments</comments> <pubDate>Wed, 13 Oct 2010 15:52:41 +0000</pubDate> <dc:creator>sigeo</dc:creator> <category><![CDATA[Google マップ]]></category> <category><![CDATA[便利なWEBツール・サービス]]></category> <category><![CDATA[ストリートビュー]]></category><guid isPermaLink="false">http://web-marketing.zako.org/?p=16253</guid> <description><![CDATA[Googleマップのストリートビューを使って、カーナビさながらの道案内をサイト上で行えるサービス。]]></description> <content:encoded><![CDATA[<p class="thumb"><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/10/directionsmap.jpg" alt="ストリートビューで道案内" title="directionsmap" width="514" height="204" class="aligncenter size-full wp-image-16255" /></p><p>会社案内のページにGoogleマップを埋め込んで、会社の場所を紹介したり、なかには道順を案内しているケースも多く見るようになりました。</p><p>しかし、ストリートビューで道案内をすれば、よりわかりやすく、親切なコンテンツにすることができますよね。</p><p>今回は、そんなことをカンタンに実現できるサービスをご紹介します。</p> <span id="more-16253"></span><h3 class='header-label'>Googleマップの道案内をストリートビューでできる「DirectionsMap」</h3><p>「<a class='web-site-link' href="http://tripgeo.com/DirectionsMap.aspx" target="_blank">Directions Map</a>」は、<strong>Googleマップで行う道順案内を、ストリートビューで再生し、ブログやサイトへ埋め込める</strong>サービス。</p><p>日本語の地名で指定すると文字化けしてしまいますが、とあるコツを使って緯度・経度から指定すれば、Googleマップだけで道案内するよりもリッチで親切なコンテンツにすることができます。</p><h4 class='tips'>池袋駅から目的地までの道案内</h4> <iframe src='http://s3.tripgeo.com/dirmap/map.htm?from=35.73028,139.711268&#038;to=35.726709,139.713113&#038;region=ja' width='512' height='500' style='padding:0px' marginwidth='0' marginheight='0' frameborder='0' scrolling='no'></iframe><p>↑「Play」ボタンを押すと、ストリートビューで道案内が開始されます。これなら迷ってしまう人も少なくなるはず。</p><h4 class='tips'>道案内マップの作成手順</h4><ol><li>まず、出発地と目的地を指定します。ここで正確に場所を指定したいならば緯度経度を入力すると確実です（※緯度経度取得のコツは後述）<br /><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/10/directionsmap4.png" alt="出発地と到着地を指定" title="directionsmap4" width="400" height="160" class="aligncenter size-full wp-image-16259" /></li><li>出発地、目的地の指定に続き、今度はサービスサイト上でズームレベルや埋め込み地図のサイズを指定します<br /><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/10/directionsmap5.png" alt="埋め込みサイズ" title="directionsmap5" width="375" height="180" class="aligncenter size-full wp-image-16260" /></li><li>次に、<b>「Region Code」に必ず ja と入力</b>します。それ以外は特に変更する必要はありません<br /><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/10/directionsmap6.png" alt="マップ種類" title="directionsmap6" width="435" height="287" class="aligncenter size-full wp-image-16261" /></li><li>そして「Create Your Direction Map」ボタンを押すと、地図のプレビューと埋め込みタグが発行されます<br /><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/10/directionsmap7.jpg" alt="マップ埋め込みタグ" title="directionsmap7" width="400" height="602" class="aligncenter size-full wp-image-16267" /></li><li>ここで道順をマウスドラッグで変更することも可能です<br /><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/10/directionsmap1.png" alt="ドラッグで道順を変更" title="directionsmap1" width="400" height="175" class="aligncenter size-full wp-image-16263" /></li></ol><h4 class='tips'>設定時の日本語文字化けを回避するコツ</h4><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/10/directionsmap7.png" alt="日本語文字化けエラー" title="directionsmap7" width="400" height="132" class="aligncenter size-full wp-image-16265" /></p><p>ここだけがちょっと残念ですが、日本語で地名を指定すると文字化けしてしまうため、緯度経度を指定する必要があります。そのコツをここで解説しましょう。</p><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/10/directionsmap2.png" alt="この場所について" title="directionsmap2" width="400" height="245" class="aligncenter size-full wp-image-16257" /><br />↑まずGoogleマップを開き、目的地（あるいは出発地となる駅など）を右クリックして、コンテキストメニューの「この場所について」をクリック</p><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/10/directionsmap3.png" alt="緯度経度" title="directionsmap3" width="400" height="56" class="aligncenter size-full wp-image-16258" /><br />↑するとGoogleマップの検索ボックスに右クリックした場所の緯度経度が表示されるので、それをコピーします。</p><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/10/directionsmap4.png" alt="出発地と到着地を指定" title="directionsmap4" width="400" height="160" class="aligncenter size-full wp-image-16259" /><br />↑コピーした緯度経度を、サービスサイトの「Setting」欄でStart Address（出発地）、及びDestination Address（目的地）にそれぞれ貼りつければ正確に表示されます。</p><p> 興味のある方は<a class='web-site-link' href="http://tripgeo.com/DirectionsMap.aspx" target="_blank">Directions Map</a>へどうぞ。</p><p>今回のようなストリートビューを使ったサービスを見ると、これがカーナビになったらどれだけ便利なんだろうと感じさせられてしまいますよね。</p><p>せめてここだけでも、ガラパゴスは適応外でお願いしますm(_&#8221;_)m</p><p>Via:<a class='web-site-link' href="http://www.delicious.com/url/6c882abee01a7e33fa87894592aa3a6c" target="_blank">delicious</a></p><div class="evernoteSiteMemory none"><a href="javascript:" onclick="Evernote.doClip({title: '目的地までの道案内をストリートビューで紹介できる「DirectionsMap」サイトへ埋め込み可能 on WEBマーケティング ブログ',url: 'http://web-marketing.zako.org/web-tools/street-view-directions-map.html',contentID: 'post-16253',code: 'Juni9481',suggestTags: 'ストリートビュー',providerName: 'WEBマーケティング ブログ',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-jp.png" class="evernoteSiteMemoryButton none" /></a></div>]]></content:encoded> <wfw:commentRss>http://web-marketing.zako.org/web-tools/street-view-directions-map.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://web-marketing.zako.org/web-tools/street-view-directions-map.html" /> </item> <item><title>GoogleマップのLabs機能にURL短縮機能が付いたけど</title><link>http://web-marketing.zako.org/google/google-map/url-shorter-goo-gl.html</link> <comments>http://web-marketing.zako.org/google/google-map/url-shorter-goo-gl.html#comments</comments> <pubDate>Sat, 10 Jul 2010 08:22:02 +0000</pubDate> <dc:creator>sigeo</dc:creator> <category><![CDATA[Google マップ]]></category> <category><![CDATA[Googleマップ]]></category> <category><![CDATA[短縮URL]]></category><guid isPermaLink="false">http://web-marketing.zako.org/?p=15380</guid> <description><![CDATA[Googleマップの「リンク」で発行される長いURLが自動的に短縮されるけど、埋め込みタグが発行されなくなるLabs機能。。。]]></description> <content:encoded><![CDATA[<p class="thumb"><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/07/gmaps-url-shorting.jpg" alt="GoogleマップでURL短縮機能が使えるようになった" title="gmaps-url-shorting" width="514" height="204" class="alignleft size-full wp-image-15382" /></p><p>Googleマップで場所を共有したい時、場合によってはURLが長すぎて、メールで送った時などに途中でリンクが切れてしまうこと、ありますよね。</p><p>この問題が、随分長い間放置されていたように思いますが、ようやくGoogleが自ら提供している短縮URLサービスに対応させたようです。</p> <span id="more-15380"></span><h3 class='header-label'>GoogleマップでURL短縮機能が使えるようになった</h3><p>今回、地図URLの短縮ができるようになったのは、<a href="http://maps.google.com/maps?showlabs=1" target="_blank">Google マップの Labs</a>に追加された「短い表示 URL」機能。</p><p>この機能を「オン」にすることで、Googleマップの「リンク」を短いURL（例：<a href="http://goo.gl/maps/3sAS" target="_blank">http://goo.gl/maps/3sAS</a> ）にすることができます。</p><h4 class='tips'>Labsに追加された「短い表示 URL」機能</h4><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/07/gmaps-url-shorting1.png" alt="地図URLを短縮" title="gmaps-url-shorting1" width="400" height="93" class="alignleft size-full wp-image-15385" /><br />↑<a href="http://maps.google.com/maps?showlabs=1" target="_blank">Google マップの Labs</a>で、機能をオンにすることで利用可能に。</p><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/07/gmaps-url-shorting2.png" alt="リンクが短縮URLになる" title="gmaps-url-shorting2" width="400" height="215" class="alignleft size-full wp-image-15386" /><br />↑機能をオンにしたあとは、「リンク」を押すと自動的に短縮URLが発行されます。</p><h4 class='tips'>でも、ちょっと待てよ</h4><p>サイト運営者ならば、マップを記事に埋め込む機会もありますよね。</p><p>しかしながら、先程の画像を見て頂ければおわかりいただける通り、埋め込みタグが発行されなくなるのです。。。</p><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/07/gmaps-url-shorting3.png" alt="埋め込みタグがなくなる" title="gmaps-url-shorting3" width="400" height="185" class="alignleft size-full wp-image-15387" /><br />↑本来は「リンク」をクリックすると、このように埋め込みタグが発行されるはずです。</p><p>う～ん、これではまるで意味のない追加機能、、、埋め込みタグも発行するように改善して欲しいものですね。</p><p>Via：<a class='web-site-link' href="http://googlesystem.blogspot.com/2010/07/shorter-google-maps-urls.html" onclick="window.open('http://googlesystem.blogspot.com/2010/07/shorter-google-maps-urls.html'); return false;">Google Operating System</a></p><div class="evernoteSiteMemory none"><a href="javascript:" onclick="Evernote.doClip({title: 'GoogleマップのLabs機能にURL短縮機能が付いたけど on WEBマーケティング ブログ',url: 'http://web-marketing.zako.org/google/google-map/url-shorter-goo-gl.html',contentID: 'post-15380',code: 'Juni9481',suggestTags: 'Googleマップ,短縮URL',providerName: 'WEBマーケティング ブログ',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-jp.png" class="evernoteSiteMemoryButton none" /></a></div>]]></content:encoded> <wfw:commentRss>http://web-marketing.zako.org/google/google-map/url-shorter-goo-gl.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://web-marketing.zako.org/google/google-map/url-shorter-goo-gl.html" /> </item> <item><title>ストリートビューに自分の歴史を刻める「Historypin」</title><link>http://web-marketing.zako.org/web-service/historypin-digital-time-machine.html</link> <comments>http://web-marketing.zako.org/web-service/historypin-digital-time-machine.html#comments</comments> <pubDate>Tue, 29 Jun 2010 17:01:53 +0000</pubDate> <dc:creator>sigeo</dc:creator> <category><![CDATA[Google マップ]]></category> <category><![CDATA[クールなWEBサービス]]></category> <category><![CDATA[ストリートビュー]]></category> <category><![CDATA[タイムライン]]></category> <category><![CDATA[自分史]]></category><guid isPermaLink="false">http://web-marketing.zako.org/?p=15232</guid> <description><![CDATA[Google ストリートビューで、時代の変遷や思い出の写真を、実在する場所と重ねあわせて楽しめるサービス。]]></description> <content:encoded><![CDATA[<p class="thumb"><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/06/Historypin.jpg" alt="ストリートビューに思い出の写真を重ねられる「Historypin」" title="Historypin" width="514" height="204" class="alignleft size-full wp-image-15236" /></p><p><a href="/tag/%E8%87%AA%E5%88%86%E5%8F%B2">自分史</a>を作成できるサービスは、これまでにも幾つかご紹介してきましたが、今回のものは、Google ストリートビューに自分史を刻むことができるもの。</p><p>地図上の写真に、思い出の写真を重ねあわせることができる非常におもしろいサービスになっています。</p> <span id="more-15232"></span><h3 class='header-label'>ストリートビューに思い出の写真を重ねられる「Historypin」</h3><p>「<a class='web-site-link' href="http://www.historypin.com/" onclick="window.open('http://www.historypin.com/'); return false;">Historypin</a>」は、<strong>ストリートビューに、写真を重ねて表示させ、自分史やストーリーを作れる</strong>サービス。</p><p>年代を絞って、さまざまな写真を現在の風景と重ねてみることができる、見ているだけでも楽しくなってしまうサービスです。</p><h4 class='tips'>思い出の写真をストリートビューと重ねる</h4><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/06/Historypin1.jpg" alt="思い出の写真" title="Historypin1" width="400" height="209" class="alignleft size-full wp-image-15237" /><br />↑たとえばこのように、昔懐かしい集合写真を、現在のストリートビューと重ねることができます。写真だけで保存しておくよりも格段におもしろくなりますね。</p><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/06/Historypin2.jpg" alt="ストーリー" title="Historypin2" width="400" height="206" class="alignleft size-full wp-image-15238" /><br />↑地図と写真だけでなく、ストーリーも紐付けることができます。</p><h4 class='tips'>時代の変遷をストリートビューで見る</h4><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/06/Historypin3.jpg" alt="建物の今と昔" title="Historypin3" width="400" height="197" class="alignleft size-full wp-image-15240" /><br />↑建物の今と昔を比較するのもおもしろいところ。</p><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/06/Historypin4.jpg" alt="年代ごと" title="Historypin4" width="400" height="305" class="alignleft size-full wp-image-15241" /><br />↑年代ごとに変化していくさまを見ることもできます。</p><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/06/Historypin5.jpg" alt="昔の事件" title="Historypin5" width="400" height="206" class="alignleft size-full wp-image-15243" /><br />↑「当時、この場所でこんなことがあった。」ということをこのように見ることができるのは、情報の視覚化として最高です。</p><p>興味のある方は<a class='web-site-link' href="http://www.historypin.com/" onclick="window.open('http://www.historypin.com/'); return false;">Historypin</a>へどうぞ。</p><p>ストリートビューを使って、昔の風景と比べられたり、自分だけの風景を作れてしまうというのはおもしろいアイデアですね。</p><p>アルバムも、いずれはこのような保存方法が主流になりそう！？</p><div class="evernoteSiteMemory none"><a href="javascript:" onclick="Evernote.doClip({title: 'ストリートビューに自分の歴史を刻める「Historypin」 on WEBマーケティング ブログ',url: 'http://web-marketing.zako.org/web-service/historypin-digital-time-machine.html',contentID: 'post-15232',code: 'Juni9481',suggestTags: 'ストリートビュー,タイムライン,自分史',providerName: 'WEBマーケティング ブログ',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-jp.png" class="evernoteSiteMemoryButton none" /></a></div>]]></content:encoded> <wfw:commentRss>http://web-marketing.zako.org/web-service/historypin-digital-time-machine.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://web-marketing.zako.org/web-service/historypin-digital-time-machine.html" /> </item> <item><title>リアルタイムなロンドンの地下鉄マップ「Live London Underground Map」</title><link>http://web-marketing.zako.org/google/google-map/live-london-underground-map.html</link> <comments>http://web-marketing.zako.org/google/google-map/live-london-underground-map.html#comments</comments> <pubDate>Tue, 22 Jun 2010 16:18:34 +0000</pubDate> <dc:creator>sigeo</dc:creator> <category><![CDATA[Google マップ]]></category> <category><![CDATA[リアルタイム]]></category> <category><![CDATA[地下鉄路線図]]></category><guid isPermaLink="false">http://web-marketing.zako.org/?p=15178</guid> <description><![CDATA[リアルタイムなロンドンの地下鉄運行状況を、Googleマップ上で見ることができるふたつのサービス。]]></description> <content:encoded><![CDATA[<p class="thumb"><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/06/Live-London.jpg" alt="リアルタイムに動くロンドンの地下鉄マップ" title="Live-London" width="514" height="204" class="alignleft size-full wp-image-15179" /></p><p>ロンドンの地下鉄路線図といえば、個人的に<a href="/web-service/3d-london-underground-map.html">3Dの地下鉄路線図</a>が強く印象に残っているのですが、今回ご紹介するのは、さらに実用的な、リアルタイムの地下鉄マップです。</p> <span id="more-15178"></span><h3 class='header-label'>リアルタイムに動くロンドンの地下鉄マップ</h3><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/06/Live-London1.jpg" alt="地下鉄マップ" title="Live-London1" width="512" height="294" class="alignleft size-full wp-image-15182" /><br />↑リアルタイムにウニョウニョ動いているので、ある意味気持ち悪いとも言えるのですがｗ 電車遅延の多い路線の影響を受けやすい東京メトロなどにこのようなサービスがあると、「スマートフォンから状況を確認」といった使い方もできそうですね。</p><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/06/Live-London2.jpg" alt="地下鉄車両にフォーカス" title="Live-London2" width="400" height="276" class="alignleft size-full wp-image-15185" /><br />↑地下鉄車両単体や、駅にフォーカスして個別の情報を表示させることもできます。</p><p><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/06/Live-London3.png" alt="Live Live" title="Live-London3" width="400" height="218" class="alignleft size-full wp-image-15188" /><br />↑もうひとつのサービス、Live Lineは、直線的な路線図上に、リアルタイム情報を表示します。</p><p>興味のある方は<a class='web-site-link' href="http://traintimes.org.uk:81/map/tube/" onclick="window.open('http://traintimes.org.uk:81/map/tube/'); return false;">Live map of London Underground trains</a>、あるいは<a class='web-site-link' href="http://liveline.aeracode.org/" onclick="window.open('http://liveline.aeracode.org/'); return false;">Live Line</a>へどうぞ。</p><p>電車遅延があると、大抵情報が錯綜し、待たされている身としては何が最良の行動なのか判断しにくいことが多いですよね。</p><p>そういった際に、このようなリアルタイムな情報を得ることができると、より効率的に動きを取れるというもの。国内にもこのようなサービスが欲しいところです。</p><p>Via：<a class='web-site-link' href="http://googlemapsmania.blogspot.com/2010/06/wow-real-time-london-tube-map.html" onclick="window.open('http://googlemapsmania.blogspot.com/2010/06/wow-real-time-london-tube-map.html'); return false;">Google Maps Mania</a></p><div class="evernoteSiteMemory none"><a href="javascript:" onclick="Evernote.doClip({title: 'リアルタイムなロンドンの地下鉄マップ「Live London Underground Map」 on WEBマーケティング ブログ',url: 'http://web-marketing.zako.org/google/google-map/live-london-underground-map.html',contentID: 'post-15178',code: 'Juni9481',suggestTags: 'リアルタイム,地下鉄路線図',providerName: 'WEBマーケティング ブログ',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-jp.png" class="evernoteSiteMemoryButton none" /></a></div>]]></content:encoded> <wfw:commentRss>http://web-marketing.zako.org/google/google-map/live-london-underground-map.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://web-marketing.zako.org/google/google-map/live-london-underground-map.html" /> </item> <item><title>リアルタイム3D航空交通情報マップがなかなかおもしろい</title><link>http://web-marketing.zako.org/google/google-earth/3d-air-traffic.html</link> <comments>http://web-marketing.zako.org/google/google-earth/3d-air-traffic.html#comments</comments> <pubDate>Sun, 09 May 2010 22:30:50 +0000</pubDate> <dc:creator>sigeo</dc:creator> <category><![CDATA[Google Earth]]></category> <category><![CDATA[Google マップ]]></category> <category><![CDATA[3D]]></category> <category><![CDATA[Google マップ旧]]></category><guid isPermaLink="false">http://web-marketing.zako.org/?p=14716</guid> <description><![CDATA[グーグルマップやグーグルアースでリアルタイムな航空情報を見る。]]></description> <content:encoded><![CDATA[<p class="thumb"><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/05/3D-air-traffic.jpg" alt="グーグルアースのリアルタイム 3D航空情報マップ" title="3D-air-traffic" width="514" height="204" class="alignleft size-full wp-image-14727" /></p><p>これまでにも、<a href="http://web-marketing.zako.org/google/google-map/real-time-swiss-trains-map.html">リアルタイム鉄道マップ</a>や、<a href="http://web-marketing.zako.org/google/google-map/live-plane-tracking-in-the-netherlands-casper.html">リアルタイムな飛行機位置情報マップ</a>などをご紹介してきましたが、今回ご紹介するのは、リアルタイムに3Dの航空情報を得られるサービスです。</p><span id="more-14716"></span><h3 class='header-label'>グーグルアースのリアルタイム 3D航空情報マップ</h3> <iframe width="522" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps?f=q&amp;source=s_q&amp;hl=ja&amp;geocode=&amp;q=http:%2F%2Fprogreso.zhaw.ch%2Fkml%2FAirTraffic3D.kmz&amp;sll=35.81417,139.801317&amp;sspn=0.050948,0.098705&amp;ie=UTF8&amp;ll=0,0&amp;spn=90,0&amp;t=f&amp;ecpose=46.76522731,8.32036855,3971.6,-1.465,95.056,0&amp;brcurrent=3,0x0:0x0,0&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.jp/maps?f=q&amp;source=embed&amp;hl=ja&amp;geocode=&amp;q=http:%2F%2Fprogreso.zhaw.ch%2Fkml%2FAirTraffic3D.kmz&amp;sll=35.81417,139.801317&amp;sspn=0.050948,0.098705&amp;ie=UTF8&amp;ll=0,0&amp;spn=90,0&amp;t=f&amp;ecpose=46.76522731,8.32036855,3971.6,-1.465,95.056,0&amp;brcurrent=3,0x0:0x0,0" style="color:#0000FF;text-align:left">大きな地図で見る</a></small><p>本物の飛行機が飛んでいるみたい、とまでは言いませんがｗ なかなかリアルでおもしろいですよね。普段こんなに飛んでいるのを見ることがないだけに新鮮です。</p><p>これはスイスのチューリッヒ応用科学大学（ZHAW Zurich University of Applied Sciences）の持つ、世界のリアルタイム航空情報データから、<a class='web-site-link' href="http://www.asteiner.org/software/airtraffic3d.php" onclick="window.open('http://www.asteiner.org/software/airtraffic3d.php'); return false;">Albert Steiner</a>氏によって作られたもので、表示される地域はスイスの一部と中央ヨーロッパのみになりますが、日本版もぜひ作ってほしいですね。</p><p>グーグルアースで見たい方は<a class='kml' href="http://progreso.zhaw.ch/kml/AirTraffic3D.kmz" onclick="window.open('http://progreso.zhaw.ch/kml/AirTraffic3D.kmz'); return false;">リアルタイム３D航空情報</a>のファイルをダウンロードして、グーグルアースで開いてください。</p><p>普段なかなか人の目に触れることのない大事な情報って、まだまだたくさんありますよね。そういったものを今回のようにわかりやすく視覚化するというのは、とても重要なことなのではないかと考えさせられます。</p><p>Via：<a class='web-site-link' href="http://www.gearthblog.com/blog/archives/2010/05/real-time_3d_air_traffic.html" onclick="window.open('http://www.gearthblog.com/blog/archives/2010/05/real-time_3d_air_traffic.html'); return false;">Google Earth Blog</a></p><div class="evernoteSiteMemory none"><a href="javascript:" onclick="Evernote.doClip({title: 'リアルタイム3D航空交通情報マップがなかなかおもしろい on WEBマーケティング ブログ',url: 'http://web-marketing.zako.org/google/google-earth/3d-air-traffic.html',contentID: 'post-14716',code: 'Juni9481',suggestTags: '3D,Google Earth,Google マップ旧',providerName: 'WEBマーケティング ブログ',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-jp.png" class="evernoteSiteMemoryButton none" /></a></div>]]></content:encoded> <wfw:commentRss>http://web-marketing.zako.org/google/google-earth/3d-air-traffic.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://web-marketing.zako.org/google/google-earth/3d-air-traffic.html" /> </item> <item><title>Googleマップを グーグルアースの状態でブログに埋め込んでみた</title><link>http://web-marketing.zako.org/google/google-earth/google-earth-map.html</link> <comments>http://web-marketing.zako.org/google/google-earth/google-earth-map.html#comments</comments> <pubDate>Tue, 27 Apr 2010 15:44:54 +0000</pubDate> <dc:creator>sigeo</dc:creator> <category><![CDATA[Google Earth]]></category> <category><![CDATA[Google マップ]]></category> <category><![CDATA[3D]]></category> <category><![CDATA[Google マップ旧]]></category><guid isPermaLink="false">http://web-marketing.zako.org/?p=14530</guid> <description><![CDATA[Google マップからサクっとGoogle Earthを埋め込めるように。]]></description> <content:encoded><![CDATA[<p class="thumb"><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/04/google-earth-map.jpg" alt="Googleマップから、グーグルアースをサクっと埋め込む" title="google-earth-map" width="514" height="204" class="alignleft size-full wp-image-14537" /></p><p>いままで、グーグルアースをブログへ直接埋め込むためには、外部のツールを使わざるを得ないうえに、目標物へ座標を合わせるのが大変でした。</p><p>しかし昨日、Googleマップが正式に<a class='google' href="http://googlejapan.blogspot.com/2010/04/google-earth_27.html" onclick="window.open('http://googlejapan.blogspot.com/2010/04/google-earth_27.html'); return false;">Earth ビュー</a>として、グーグルアースの表示へ対応したため、Googleマップから直接、カンタンに、グーグルアースの状態で埋め込むことができるようになりました。なので早速試します。</p> <span id="more-14530"></span><h3 class='header-label'>Googleマップから、グーグルアースをサクっと埋め込む</h3><p>埋め込んだ印象としては、外部のツールを使うよりも、若干軽いように感じます。ただ、このページのように埋め込みすぎるのは問題かと思いますがｗ</p><h4 class='tips'>アンコールワット</h4> <iframe width="522" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps?hl=ja&amp;q=%E3%82%A2%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%AB%E3%83%AF%E3%83%83%E3%83%88&amp;ie=UTF8&amp;hq=&amp;hnear=%E3%82%A2%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%AB%E3%83%AF%E3%83%83%E3%83%88,+%E3%83%90%E3%83%83%E3%82%BF%E3%83%B3%E3%83%90%E3%83%B3,+%E3%82%AB%E3%83%B3%E3%83%9C%E3%82%B8%E3%82%A2&amp;ll=13.4256,103.86&amp;spn=0.003976,0.005842&amp;t=f&amp;z=18&amp;ecpose=13.43826055,103.85887658,179.54,0,75.617,0&amp;brcurrent=3,0x0:0x0,0&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.jp/maps?hl=ja&amp;q=%E3%82%A2%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%AB%E3%83%AF%E3%83%83%E3%83%88&amp;ie=UTF8&amp;hq=&amp;hnear=%E3%82%A2%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%AB%E3%83%AF%E3%83%83%E3%83%88,+%E3%83%90%E3%83%83%E3%82%BF%E3%83%B3%E3%83%90%E3%83%B3,+%E3%82%AB%E3%83%B3%E3%83%9C%E3%82%B8%E3%82%A2&amp;ll=13.4256,103.86&amp;spn=0.003976,0.005842&amp;t=f&amp;z=18&amp;ecpose=13.43826055,103.85887658,179.54,0,75.617,0&amp;brcurrent=3,0x0:0x0,0&amp;source=embed" style="color:#0000FF;text-align:left">大きな地図で見る</a></small><h4 class='tips'>東京タワー</h4> <iframe width="522" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps?hl=ja&amp;ie=UTF8&amp;hq=&amp;hnear=%E8%B0%B7%E5%A1%9A%E9%A7%85%EF%BC%88%E5%9F%BC%E7%8E%89%EF%BC%89&amp;ll=35.659279,139.747495&amp;spn=0.006642,0.011684&amp;t=f&amp;z=17&amp;ecpose=35.65644975,139.73992213,516.87,65.301,56.143,0&amp;brcurrent=3,0x60188bbe00f5339d:0xdf052607396d5728,0&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.jp/maps?hl=ja&amp;ie=UTF8&amp;hq=&amp;hnear=%E8%B0%B7%E5%A1%9A%E9%A7%85%EF%BC%88%E5%9F%BC%E7%8E%89%EF%BC%89&amp;ll=35.659279,139.747495&amp;spn=0.006642,0.011684&amp;t=f&amp;z=17&amp;ecpose=35.65644975,139.73992213,516.87,65.301,56.143,0&amp;brcurrent=3,0x60188bbe00f5339d:0xdf052607396d5728,0&amp;source=embed" style="color:#0000FF;text-align:left">大きな地図で見る</a></small><p>↑3Dで見ると、なかなかカッコいいもんですね。</p><h4 class='tips'>東京スカイツリー</h4> <iframe width="522" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps?ie=UTF8&amp;hq=&amp;hnear=%E8%B0%B7%E5%A1%9A%E9%A7%85%EF%BC%88%E5%9F%BC%E7%8E%89%EF%BC%89&amp;ll=35.711066,139.811298&amp;spn=0.006638,0.011684&amp;t=f&amp;z=17&amp;ecpose=35.70436977,139.81130051,451.55,-0.016,59.106,0&amp;brcurrent=3,0x60188ed7f6bdc0a3:0xaa8fcf79ad1e5576,0&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.jp/maps?ie=UTF8&amp;hq=&amp;hnear=%E8%B0%B7%E5%A1%9A%E9%A7%85%EF%BC%88%E5%9F%BC%E7%8E%89%EF%BC%89&amp;ll=35.711066,139.811298&amp;spn=0.006638,0.011684&amp;t=f&amp;z=17&amp;ecpose=35.70436977,139.81130051,451.55,-0.016,59.106,0&amp;brcurrent=3,0x60188ed7f6bdc0a3:0xaa8fcf79ad1e5576,0&amp;source=embed" style="color:#0000FF;text-align:left">大きな地図で見る</a></small><p>↑きっとこのまま放っておけば、大きなタワーが建つのだと思います。</p><h4 class='tips'>ディズニーワールド</h4> <iframe width="522" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps?f=q&amp;source=s_q&amp;hl=ja&amp;geocode=&amp;q=disney+world&amp;sll=36.491164,-95.005841&amp;sspn=28.686931,51.328125&amp;brcurrent=3,0x0:0x0,0&amp;ie=UTF8&amp;hq=Disney+World&amp;hnear=Disney+World,+%E3%82%AA%E3%83%BC%E3%83%A9%E3%83%B3%E3%83%89,+FL,+USA&amp;ll=28.410067,-81.583699&amp;spn=0.023554,0.038418&amp;t=f&amp;ecpose=28.42484889,-81.57806686,275.03,-159.907,73.493,0&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.jp/maps?f=q&amp;source=embed&amp;hl=ja&amp;geocode=&amp;q=disney+world&amp;sll=36.491164,-95.005841&amp;sspn=28.686931,51.328125&amp;brcurrent=3,0x0:0x0,0&amp;ie=UTF8&amp;hq=Disney+World&amp;hnear=Disney+World,+%E3%82%AA%E3%83%BC%E3%83%A9%E3%83%B3%E3%83%89,+FL,+USA&amp;ll=28.410067,-81.583699&amp;spn=0.023554,0.038418&amp;t=f&amp;ecpose=28.42484889,-81.57806686,275.03,-159.907,73.493,0" style="color:#0000FF;text-align:left">大きな地図で見る</a></small><p>↑日本の主要遊園地は3D化されていませんが、ディズニーワールドはこのように表示されます。</p><p>早速試してみたい方は、<a class='google' href="http://maps.google.co.jp/maps?ftr=earth.promo&amp;hl=ja&amp;utm_campaign=ja&amp;utm_medium=mapshpp&amp;utm_source=ja-mapshpp-apac-jp-gns-erth&amp;utm_term=evl" target="_blank">Google マップ</a>で、「Earth」ボタンを押してから、「リンク」をクリックして埋込みタグを取得してください。<br /><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/04/2010-04-27-23h49_31.png" alt="埋込みタグの取得" title="2010-04-27-23h49_31" width="400" height="172" class="alignleft size-full wp-image-14536" /></p><p>Google Earth プラグインが提供され始めて、ずいぶん経ってからのGoogleマップでの提供になりましたが、その分意外と快適に表示されていますよね。カーナビ化がどんどん現実化してくる！？</p><p>Via：<a class='web-site-link' href="http://google-latlong.blogspot.com/2010/04/earth-view-comes-to-google-maps.html" onclick="window.open('http://google-latlong.blogspot.com/2010/04/earth-view-comes-to-google-maps.html'); return false;">Google LatLong</a></p><div class="evernoteSiteMemory none"><a href="javascript:" onclick="Evernote.doClip({title: 'Googleマップを グーグルアースの状態でブログに埋め込んでみた on WEBマーケティング ブログ',url: 'http://web-marketing.zako.org/google/google-earth/google-earth-map.html',contentID: 'post-14530',code: 'Juni9481',suggestTags: '3D,Google Earth,Google マップ旧',providerName: 'WEBマーケティング ブログ',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-jp.png" class="evernoteSiteMemoryButton none" /></a></div>]]></content:encoded> <wfw:commentRss>http://web-marketing.zako.org/google/google-earth/google-earth-map.html/feed</wfw:commentRss> <slash:comments>1</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://web-marketing.zako.org/google/google-earth/google-earth-map.html" /> </item> <item><title>フォーブス 世界長者番付ランカーの分布図「Mapize Forbes Billionaires List Map」</title><link>http://web-marketing.zako.org/web-service/forbes-billionaires-list-map.html</link> <comments>http://web-marketing.zako.org/web-service/forbes-billionaires-list-map.html#comments</comments> <pubDate>Wed, 17 Mar 2010 15:24:11 +0000</pubDate> <dc:creator>sigeo</dc:creator> <category><![CDATA[Google マップ]]></category> <category><![CDATA[クールなWEBサービス]]></category> <category><![CDATA[マッシュアップ]]></category> <category><![CDATA[視覚化]]></category><guid isPermaLink="false">http://web-marketing.zako.org/?p=13794</guid> <description><![CDATA[日本人の上位ランクインも目立った2010年、フォーブス 世界長者番付、その億万長者の所在地を視覚化したGoogleマップ。]]></description> <content:encoded><![CDATA[<img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/03/Forbes-Map-2010.jpg" alt="" title="世界の億万長者 分布地図「Forbes Map 2010」" width="514" height="204" class="alignleft size-full wp-image-13796" /><p>先日、フォーブスから最新の世界長者番付が発表され、初のランクインを果たしたGREEの田中社長はじめ、孫社長、三木谷社長ら日本人の上位ランクインも目立ちましたね。</p><p>今回は、そのビリオネアとも呼ばれる世界の億万長者が、どこに分布しているか視覚化したGoogleマップをご紹介します。</p> <span id="more-13794"></span><h3 class='header-label'>世界の億万長者 分布地図「Forbes Map 2010」</h3><p>「<a class='web-site-link' href="http://www.mapize.com/forbes/" onclick="window.open('http://www.mapize.com/forbes/'); return false;">Forbes Map 2010</a>」は、<strong>2010年版、フォーブス 世界長者番付にランクインした人たちが、どこに分布しているかを視覚化したGoogleマップとのマッシュアップ</strong>サービス。</p><p>資産総額ごとに表示をフィルタリングすることも可能になっています。</p><h4 class='tips'>世界の億万長者の所在地を視覚化</h4><p class="picture"><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/03/Forbes-Map-20101.png" alt="" title="Forbes-Map-20101" width="400" height="262" class="alignleft size-full wp-image-13797" /> ↑このように、色分けして分布を視覚化してくれます。</p><p class="picture"><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/03/Forbes-Map-20102.png" alt="" title="Forbes 日本の長者番付" width="400" height="357" class="alignleft size-full wp-image-13799" /> ↑日本にフォーカスしてみると、やはり都内に集中していますね。その次に来るのは大阪付近。</p><p class="picture"><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/03/Forbes-Map-20103.png" alt="" title="Forbes-Map-2010 3" width="400" height="249" class="alignleft size-full wp-image-13800" /> ↑都内へさらにフォーカスすると、このようになっています。</p><p class="picture"><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/03/Forbes-Map-20104.png" alt="" title="Forbes-Map-2010 4" width="400" height="237" class="alignleft size-full wp-image-13801" /> ↑億万長者ごとに情報を見ることもできます。</p><p class="picture"><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/03/Forbes-Map-20105.png" alt="" title="Forbes-Map-20105" width="400" height="288" class="alignleft size-full wp-image-13802" /> ↑しかし、中国や台湾もすごい、個人的な印象からハルピンあたりにも多いのかと思いきや、やっぱり北京や香港、広州なんですね。</p><p>興味のある方は<a class='web-site-link' href="http://www.mapize.com/forbes/" onclick="window.open('http://www.mapize.com/forbes/'); return false;">Forbes Map 2010</a>へどうぞ。</p><p>ランキングを見ているだけでも、見えてくるものがあっておもしろいのですが、今回のようにマップで視覚化するのも、また違った見方ができて面白いですよね。</p><p>まあ、面白がっているばかりではいけないのも、わかってはいるのですが（笑）</p><p>Via：<a class='web-site-link' href="http://delicious.com/url/ec8f5ddcc0ea5a031ed42beb7667cd03" onclick="window.open('http://delicious.com/url/ec8f5ddcc0ea5a031ed42beb7667cd03'); return false;">delicious</a></p><div class="evernoteSiteMemory none"><a href="javascript:" onclick="Evernote.doClip({title: 'フォーブス 世界長者番付ランカーの分布図「Mapize Forbes Billionaires List Map」 on WEBマーケティング ブログ',url: 'http://web-marketing.zako.org/web-service/forbes-billionaires-list-map.html',contentID: 'post-13794',code: 'Juni9481',suggestTags: 'マッシュアップ,視覚化',providerName: 'WEBマーケティング ブログ',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-jp.png" class="evernoteSiteMemoryButton none" /></a></div>]]></content:encoded> <wfw:commentRss>http://web-marketing.zako.org/web-service/forbes-billionaires-list-map.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://web-marketing.zako.org/web-service/forbes-billionaires-list-map.html" /> </item> <item><title>ウィスラーの冬季五輪コースをストリートビューで滑ってみよう</title><link>http://web-marketing.zako.org/google/street-view-whistler.html</link> <comments>http://web-marketing.zako.org/google/street-view-whistler.html#comments</comments> <pubDate>Thu, 11 Feb 2010 07:15:14 +0000</pubDate> <dc:creator>sigeo</dc:creator> <category><![CDATA[Google マップ]]></category> <category><![CDATA[Google 全般]]></category> <category><![CDATA[オリンピック]]></category> <category><![CDATA[ストリートビュー]]></category><guid isPermaLink="false">http://web-marketing.zako.org/?p=13076</guid> <description><![CDATA[アルペンスキーのコースなどを、自分が滑走しているかのように見ることができるウィスラーのストリートビュー。]]></description> <content:encoded><![CDATA[<p class="thumb"><img src="http://cdn.web-marketing.zako.org.s3.amazonaws.com/images/2010/02/whistler.jpg" alt="" title="ウィスラーの冬季五輪コースをストリートビューで滑る" width="514" height="204" class="alignleft size-full wp-image-13090" /></p><p>明日のノーマルヒル個人 予選から始まる<a href="http://web-marketing.zako.org/google/google-earth/vancouver-olympics-3d-tour.html">バンクーバーオリンピック</a>。</p><p>Googleは今回も、情報を集約することによって自社サービスをアピールしていますが、そのなかでも、ウィスラーのストリートビューは個人的にそそるものがあったのでご紹介します。</p><span id="more-13076"></span><h3 class='header-label'>ウィスラーの冬季五輪コースをストリートビューで</h3><p>冬季五輪でも、夏季五輪と同様、メダル数や会場の情報、試合結果などの情報を集約して表示するガジェットを提供しているGoogle。</p><p>今回は、さらにそのガジェット以外にも、まるでウィスラーのゲレンデを滑走しているかのような気分にさせてくれる、各会場のストリートビューも用意されました。</p><h4 class='tips'>ウィスラーを滑り降りて行くコース</h4> <iframe width="522" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Whislter+BC&amp;sll=50.136975,-123.113995&amp;sspn=0.070527,0.181789&amp;ie=UTF8&amp;hq=&amp;hnear=Whistler+Creekside,+Whistler,+Squamish-Lillooet+Regional+District,+British+Columbia,+Canada&amp;t=h&amp;layer=c&amp;cbll=50.091691,-122.884881&amp;panoid=9_RnssV1bVZw124AonKb1A&amp;cbp=12,276.63,,0,-13.87&amp;ll=50.066616,-122.947054&amp;spn=0.021046,0.040426&amp;z=15&amp;output=svembed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Whislter+BC&amp;sll=50.136975,-123.113995&amp;sspn=0.070527,0.181789&amp;ie=UTF8&amp;hq=&amp;hnear=Whistler+Creekside,+Whistler,+Squamish-Lillooet+Regional+District,+British+Columbia,+Canada&amp;t=h&amp;layer=c&amp;cbll=50.091691,-122.884881&amp;panoid=9_RnssV1bVZw124AonKb1A&amp;cbp=12,276.63,,0,-13.87&amp;ll=50.066616,-122.947054&amp;spn=0.021046,0.040426&amp;z=15" style="color:#0000FF;text-align:left">View Larger Map</a></small><p>↑ストリートビューアイコンがスキーヤーになっているのも芸の細かさを感じます。</p><h4 class='tips'>アルペンスキーのスタート地点</h4> <iframe width="522" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?hl=ja&amp;hq=http:%2F%2Fmaps.google.com%2Fintl%2Fja%2Fhelp%2Fmaps%2Fgames10%2Fsv-alpine-skiing-map.kml&amp;q=Whistler+Creekside&amp;ei=va1jS8jMHZGcjAPiz-G-Cg&amp;sll=50.094972,-122.990841&amp;sspn=0.014317,0.032015&amp;ie=UTF8&amp;view=map&amp;geocode=FXxj_AIdB0-r-A&amp;split=0&amp;ved=0CBMQpQY&amp;t=h&amp;layer=c&amp;cbll=50.079093,-122.952392&amp;panoid=AIYiwpBxNQ7PAtX8H5zVcg&amp;cbp=12,302.61,,0,0.03&amp;ll=50.079176,-122.952504&amp;spn=0.008042,0.045447&amp;source=embed&amp;output=svembed"></iframe><br /><small><a href="http://maps.google.com/maps?hl=ja&amp;hq=http:%2F%2Fmaps.google.com%2Fintl%2Fja%2Fhelp%2Fmaps%2Fgames10%2Fsv-alpine-skiing-map.kml&amp;q=Whistler+Creekside&amp;ei=va1jS8jMHZGcjAPiz-G-Cg&amp;sll=50.094972,-122.990841&amp;sspn=0.014317,0.032015&amp;ie=UTF8&amp;view=map&amp;geocode=FXxj_AIdB0-r-A&amp;split=0&amp;ved=0CBMQpQY&amp;t=h&amp;layer=c&amp;cbll=50.079093,-122.952392&amp;panoid=AIYiwpBxNQ7PAtX8H5zVcg&amp;cbp=12,302.61,,0,0.03&amp;ll=50.079176,-122.952504&amp;spn=0.008042,0.045447&amp;source=embed" style="color:#0000FF;text-align:left">大きな地図で見る</a></small><h4 class='tips'>アルペンスキーのゴール地点</h4> <iframe width="522" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Whistler+Creekside&amp;sll=50.136975,-123.113995&amp;sspn=0.070527,0.181789&amp;ie=UTF8&amp;hq=&amp;hnear=Whistler+Creekside,+Whistler,+Squamish-Lillooet+Regional+District,+British+Columbia,+Canada&amp;t=h&amp;layer=c&amp;cbll=50.093908,-122.988873&amp;panoid=jb4pq503fd-7HSUAyybZGw&amp;cbp=12,135,,0,-0.95&amp;ll=50.093907,-122.988982&amp;spn=0.010517,0.020213&amp;z=16&amp;output=svembed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Whistler+Creekside&amp;sll=50.136975,-123.113995&amp;sspn=0.070527,0.181789&amp;ie=UTF8&amp;hq=&amp;hnear=Whistler+Creekside,+Whistler,+Squamish-Lillooet+Regional+District,+British+Columbia,+Canada&amp;t=h&amp;layer=c&amp;cbll=50.093908,-122.988873&amp;panoid=jb4pq503fd-7HSUAyybZGw&amp;cbp=12,135,,0,-0.95&amp;ll=50.093907,-122.988982&amp;spn=0.010517,0.020213&amp;z=16" style="color:#0000FF;text-align:left">View Larger Map</a></small><p>↑アルペンスキーのコース、デイブマーリーダウンヒルコースのゴール地点となるウィスラー クリークサイド。</p><h4 class='tips'>スノーボード会場</h4> <iframe width="522" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?hl=ja&amp;hq=http:%2F%2Fmaps.google.com%2Fhelp%2Fmaps%2Fgames10%2Fsv-snowboard-map.kml&amp;q=Cypress+Mountain+vancouver&amp;gl=us&amp;cd=1&amp;ei=qTxFS-uCD47MMbLtrbYL&amp;sll=49.37147,-123.137136&amp;sspn=0.280153,0.309068&amp;ie=UTF8&amp;view=map&amp;ved=0CB8QpQY&amp;hnear=&amp;t=h&amp;layer=c&amp;cbll=49.395175,-123.201692&amp;panoid=XUAYpycohtQgA-zqsRZVQg&amp;cbp=12,199.33,,0,-8.47&amp;ll=49.39701,-123.202057&amp;spn=0,-0.022724&amp;source=embed&amp;output=svembed"></iframe><br /><small><a href="http://maps.google.com/maps?hl=ja&amp;hq=http:%2F%2Fmaps.google.com%2Fhelp%2Fmaps%2Fgames10%2Fsv-snowboard-map.kml&amp;q=Cypress+Mountain+vancouver&amp;gl=us&amp;cd=1&amp;ei=qTxFS-uCD47MMbLtrbYL&amp;sll=49.37147,-123.137136&amp;sspn=0.280153,0.309068&amp;ie=UTF8&amp;view=map&amp;ved=0CB8QpQY&amp;hnear=&amp;t=h&amp;layer=c&amp;cbll=49.395175,-123.201692&amp;panoid=XUAYpycohtQgA-zqsRZVQg&amp;cbp=12,199.33,,0,-8.47&amp;ll=49.39701,-123.202057&amp;spn=0,-0.022724&amp;source=embed" style="color:#0000FF;text-align:left">大きな地図で見る</a></small><p>↑なにやら雪の気配が感じられないですね。。。</p><h4 class='tips'>ボブスレーコース</h4> <iframe width="522" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?hl=ja&amp;hq=http:%2F%2Fmaps.google.com%2Fhelp%2Fmaps%2Fgames10%2Fsv-bobsleigh-map.kml&amp;q=Whistler+Sliding+Centre&amp;cd=1&amp;ei=qrBjS6OuNZGcjAPiz-G-Cg&amp;sll=50.107499,-122.945&amp;sspn=0.017175,0.038418&amp;ie=UTF8&amp;view=map&amp;ved=0CEMQpQY&amp;hnear=&amp;t=h&amp;layer=c&amp;cbll=50.106749,-122.944463&amp;panoid=cRsZ4gRRueMWJdUoO_cLPw&amp;cbp=12,123.11,,0,-1.03&amp;ll=50.106584,-122.944436&amp;spn=0,-0.022724&amp;source=embed&amp;output=svembed"></iframe><br /><small><a href="http://maps.google.com/maps?hl=ja&amp;hq=http:%2F%2Fmaps.google.com%2Fhelp%2Fmaps%2Fgames10%2Fsv-bobsleigh-map.kml&amp;q=Whistler+Sliding+Centre&amp;cd=1&amp;ei=qrBjS6OuNZGcjAPiz-G-Cg&amp;sll=50.107499,-122.945&amp;sspn=0.017175,0.038418&amp;ie=UTF8&amp;view=map&amp;ved=0CEMQpQY&amp;hnear=&amp;t=h&amp;layer=c&amp;cbll=50.106749,-122.944463&amp;panoid=cRsZ4gRRueMWJdUoO_cLPw&amp;cbp=12,123.11,,0,-1.03&amp;ll=50.106584,-122.944436&amp;spn=0,-0.022724&amp;source=embed" style="color:#0000FF;text-align:left">大きな地図で見る</a></small><p>ボブスレーコースは、<a href="http://web-marketing.zako.org/google/google-earth/vancouver-olympics-3d-tour.html">バンクーバーオリンピックの会場ツアー</a>などで見るとさらに楽しめます。</p><h4 class='tips'>バンクーバーオリンピック 試合情報</h4><script src="http://www.gmodules.com/ig/ifr?url=http://maps.gstatic.com/mapfiles/mapplets/thegames/file.xml&amp;up_selectedTab=0&amp;up_displayTab=0&amp;synd=open&amp;w=522&amp;h=400&amp;title=Vancouver+2010+Olympic+Games&amp;lang=ja&amp;country=ALL&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script><p>↑このガジェットでバンクーバーオリンピックの試合結果を一度に見ることができます。</p><h4 class='tips'>ストリートビューカメラを搭載したスノーモービル</h4> <object type="application/x-shockwave-flash" data="http://www.youtube.com/v/UJ4pgcrJU8c" height="326" width="522"><param name="movie" value="http://www.youtube.com/v/UJ4pgcrJU8c"/><param name="wmode" value="transparent"/></object><p>今回のアピールによって、ストリートビューがどのような用途に使えるかという認知、関心をより一層広めることが出来そうですね。</p><p>個人的にも、例えばスノーボードパークのコースを、「カーブボックス」や「キッカー」といった部分的なアイテムの写真でなく、コースの一連の流れをストリートビューのようなもので見ることができれば良いなと感じます。</p><p>Via：<a class='web-site-link' href="http://googlejapan.blogspot.com/2010/02/blog-post_10.html" onclick="window.open('http://googlejapan.blogspot.com/2010/02/blog-post_10.html'); return false;">Google Japan Blog</a></p><div class="evernoteSiteMemory none"><a href="javascript:" onclick="Evernote.doClip({title: 'ウィスラーの冬季五輪コースをストリートビューで滑ってみよう on WEBマーケティング ブログ',url: 'http://web-marketing.zako.org/google/street-view-whistler.html',contentID: 'post-13076',code: 'Juni9481',suggestTags: 'オリンピック,ストリートビュー',providerName: 'WEBマーケティング ブログ',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-jp.png" class="evernoteSiteMemoryButton none" /></a></div>]]></content:encoded> <wfw:commentRss>http://web-marketing.zako.org/google/street-view-whistler.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://web-marketing.zako.org/google/street-view-whistler.html" /> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: basic
Content Delivery Network via Amazon Web Services: S3: cdn.web-marketing.zako.org.s3.amazonaws.com

Served from: web-marketing.zako.org @ 2012-02-13 06:12:28 -->
