<?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/"
	>

<channel>
	<title>Web活メモ帳 &#187; Google Map</title>
	<atom:link href="http://blog.verygoodtown.com/tag/google-map/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.verygoodtown.com</link>
	<description>WEB開発者が使える世界の情報を発信します。</description>
	<lastBuildDate>Thu, 09 Feb 2012 02:01:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>GoogleMapの実験的な機能を楽しめるGoogleMapLabs</title>
		<link>http://blog.verygoodtown.com/2010/02/googlemap-features-googlemaplabs/</link>
		<comments>http://blog.verygoodtown.com/2010/02/googlemap-features-googlemaplabs/#comments</comments>
		<pubDate>Mon, 15 Feb 2010 23:55:05 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[WEBサービス]]></category>
		<category><![CDATA[Google Map]]></category>
		<category><![CDATA[Labs]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=2274</guid>
		<description><![CDATA[LifehackeにてGoogleMapLabsの情報が面白かったのでご紹介。
Googleサービスでは、新しい機能を実験するのにLabsが用意されていますが、Google Mapは以下のURLで実験的な機能を使えるとの [...]]]></description>
			<content:encoded><![CDATA[<p>Lifehackeにて<a href="http://lifehacker.com/5471114/google-maps-labs-adds-experimental-features-to-maps" target="_blank">GoogleMapLabsの情報</a>が面白かったのでご紹介。</p>
<p>Googleサービスでは、新しい機能を実験するのにLabsが用意されていますが、Google Mapは以下のURLで実験的な機能を使えるとの事。</p>
<ul>
<li><a href="http://maps.google.com/maps?ftr=0" target="_blank">Google Maps Labs</a></li>
</ul>
<p>ただしこんな注意書きが。利用したい方はお早めにどうぞ。</p>
<blockquote><p>Google マップの Labs は、開発中の実験的な機能をテストするための環境です。これらの機能は、随時変更、中断、提供中止される可能性があります。</p></blockquote>
<p>本日確認した所、以下の機能がありました。</p>
<p><span id="more-2274"></span></p>
<h3>ドラッグ＆ズーム</h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap11.png" alt="googlemap1" title="googlemap1" width="548" height="211" class="alignnone size-full wp-image-2290" /><br />
      地図の一地点のズームインがすばやく簡単にできるようになりました。[ドラッグ＆ズーム] ボタンをクリックすれば、地図にボックスが現れズームします。これだけです。</p>
<h3>鳥瞰写真</h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap1.png" alt="googlemap" title="googlemap" width="600" height="279" class="alignnone size-full wp-image-2289" /><br />
      地図に鳥瞰写真が追加されます。鳥瞰写真では、回転可能な高解像度の航空写真を新しい視点から表示します。現時点で鳥瞰写真を表示できるのは一部の地域のみですが、表示地域は順次追加されています。</p>
<h3>ベータ版に戻る</h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap4.png" alt="googlemap4" title="googlemap4" width="174" height="57" class="alignnone size-full wp-image-2291" /><br />
      Gmail 以外でもベータ版を楽しめます。</p>
<h3>世界の地名当てクイズ</h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap3.png" alt="googlemap3" title="googlemap3" width="446" height="284" class="alignnone size-full wp-image-2293" /><br />
      世界の地名をどれくらい答えられますか？航空写真から国名を当ててハイスコアに挑戦してください。</p>
<h3>回転可能な地図</h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap6.png" alt="googlemap6" title="googlemap6" width="591" height="436" class="alignnone size-full wp-image-2296" /><br />
      回転可能な地図では、東、西、南を上にすることもできます。</p>
<h3> この周辺の情報</h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap5.png" alt="googlemap5" title="googlemap5" width="363" height="349" class="alignnone size-full wp-image-2294" /><br />
      「*」(スター)を検索する 2 番目のボタンを追加して、現在のビューの検索結果上位を表示します。地図上での検索効率が上がります。</p>
<h3>緯度経度ツールチップ</h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap7.png" alt="googlemap7" title="googlemap7" width="302" height="171" class="alignnone size-full wp-image-2297" /><br />
      マウス カーソルが示す位置の緯度と経度をカーソルの横にツールチップとして表示します。</p>
<h3> 緯度経度マーカー</h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap8.png" alt="googlemap8" title="googlemap8" width="220" height="74" class="alignnone size-full wp-image-2298" /><br />
      ミニ マーカーを配置するオプションがコンテキスト メニューに追加されます。ミニ マーカーは、コンテキスト メニューを開いたときのカーソル位置の緯度と経度を表示します</p>
<h3>スマート ズーム</h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap9.png" alt="googlemap9" title="googlemap9" width="222" height="127" class="alignnone size-full wp-image-2300" /><br />
<strong>※この機能のみ動作確認がとれませんでした。</strong></p>
<p>      ズームインしすぎて「この地域の詳細画像は表示できません」というメッセージが表示されたことはありませんか。スマート ズームを使用すると、今後このメッセージが表示されなくなります。この機能は、利用できる画像を事前に確認し、画像がない場合はズームインできないようにします。 </p>
<p>興味のある方はぜひ。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/02/googlemap-features-googlemaplabs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Mapで東京の地下鉄の時刻表が表示される</title>
		<link>http://blog.verygoodtown.com/2010/02/google-map-tokyo-subway-time/</link>
		<comments>http://blog.verygoodtown.com/2010/02/google-map-tokyo-subway-time/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 13:09:11 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[WEBサービス]]></category>
		<category><![CDATA[Google Map]]></category>
		<category><![CDATA[時刻表]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=2122</guid>
		<description><![CDATA[
Google Mapで地下鉄の駅名で検索すると地下鉄の時刻表がでるようになったとの事。
東京メトロ（銀座線、丸の内線など9路線）と東京都交通局（都営浅草線、都営三田線など4路線）が表示されるようです。

Googleマ [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap2.png" alt="googlemap2" title="googlemap2" width="600" height="330" class="alignnone size-full wp-image-2123" /><br />
<a href="http://maps.google.co.jp/" target="_blank">Google Map</a>で地下鉄の駅名で検索すると地下鉄の時刻表がでるようになったとの事。<br />
東京メトロ（銀座線、丸の内線など9路線）と東京都交通局（都営浅草線、都営三田線など4路線）が表示されるようです。</p>
<ul>
<li><a href="http://markezine.jp/article/detail/9580" target="_blank">Googleマップで、東京の地下鉄時刻表が閲覧可能に</a></li>
</ul>
<p>これはぜひ全国展開して欲しいですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/02/google-map-tokyo-subway-time/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3でHTMLを回転させるjQueryプラグイン「Animate CSS Rotation and Scale」</title>
		<link>http://blog.verygoodtown.com/2010/02/css3-html-rotation-jquery-plugin-animate-css-rotation-and-scale/</link>
		<comments>http://blog.verygoodtown.com/2010/02/css3-html-rotation-jquery-plugin-animate-css-rotation-and-scale/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 13:03:31 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[Google Map]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jQuery Plugin]]></category>
		<category><![CDATA[回転]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=2115</guid>
		<description><![CDATA[
Animate CSS Rotation and Scaleを使用すると、どんなHTMLでも回転させる事ができるようになります。
って、どこで使うんだろう。誰かのヒントになればって事でご紹介。
使い方
まずは、jQue [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/Rotation.png" alt="Rotation" title="Rotation" width="565" height="277" class="alignnone size-full wp-image-2117" /><br />
<a href="http://www.zachstronaut.com/posts/2009/08/07/jquery-animate-css-rotate-scale.html" target="_blank">Animate CSS Rotation and Scale</a>を使用すると、どんなHTMLでも回転させる事ができるようになります。</p>
<p>って、どこで使うんだろう。誰かのヒントになればって事でご紹介。</p>
<h3>使い方</h3>
<p>まずは、jQueryとプラグインを読み込みます。</p>
<pre class="brush:xml;">
&lt;script&nbsp;src=&quot;jquery.js&quot;&nbsp;type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script&nbsp;src=&quot;jquery-css-transform.js&quot;&nbsp;type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script&nbsp;src=&quot;jquery-animate-css-rotate-scale.js&quot;&nbsp;type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</pre>
<p>その後に、プラグインを有効化すれば動作するようです。</p>
<pre class="brush:js;">
&lt;script&gt;
setInterval(
    function () {
        $('#at_ex1').animate({rotate: '+=10deg'}, 0);
    },
    200
);

$('#at_ex1').click(
    function () {
        $(this).animate({scale: '+=0.33'}, {queue: false, duration: 1000});
    }
);
&lt;/script&gt;
</pre>
<h3>Google Mapを回転させる</h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/googlemap.png" alt="googlemap" title="googlemap" width="562" height="315" class="alignnone size-full wp-image-2116" /><br />
このプラグインを使ってGoogleMapを回転させている方がいました。<br />
デモは<a href="http://isithackday.com/hacks/map-rotate/" target="_blank">こちら</a><br />
&#8216;L&#8217;と&#8217;R'キーを使用して、地図を回転させる事ができます。</p>
<p>こんな事もできるんですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/02/css3-html-rotation-jquery-plugin-animate-css-rotation-and-scale/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GoogleMap上で道案内をするjQueryプラグイン「jQuery GPS」</title>
		<link>http://blog.verygoodtown.com/2010/02/googlemap-navi-jquery-plugin-jquery-gps/</link>
		<comments>http://blog.verygoodtown.com/2010/02/googlemap-navi-jquery-plugin-jquery-gps/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 00:24:00 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[Google Map]]></category>
		<category><![CDATA[GPS]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jQuery Plugin]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=2059</guid>
		<description><![CDATA[
jQuery GPSはGoogle Map上でナビをしてくれるプラグインです。
サイトにはデモがあるのでそちらを見てもらって方が早いかもしれません。

詳しい道案内を表示

例えば出発地に「Tokyo」、到着地に「Ka [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/jquery.gps_.png" alt="jquery.gps" title="jquery.gps" width="517" height="245" class="alignnone size-full wp-image-2060" /></p>
<p><a href="http://www.birdwingfx.com/jQuery_gps/index.html" target="_blank">jQuery GPS</a>はGoogle Map上でナビをしてくれるプラグインです。<br />
サイトには<a href="http://www.birdwingfx.com/jQuery_gps/demo_gps/gps_demo.html" target="_blank">デモ</a>があるのでそちらを見てもらって方が早いかもしれません。</p>
<h3>
詳しい道案内を表示</h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/jquery.gps2_.png" alt="jquery.gps2" title="jquery.gps2" width="600" height="150" class="alignnone size-full wp-image-2061" /><br />
例えば出発地に「Tokyo」、到着地に「Kanagawa」と入力すると移動方法を案内してくれます。</p>
<p>まだ出発、到着地置の日本語入力には対応していないようです。これからが楽しみなプラグインですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/02/googlemap-navi-jquery-plugin-jquery-gps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>文章を解析して自動でGoogle Mapにアイコンを追加してくれるJavaScript「addmap.js」</title>
		<link>http://blog.verygoodtown.com/2010/01/text-analyse-google-map/</link>
		<comments>http://blog.verygoodtown.com/2010/01/text-analyse-google-map/#comments</comments>
		<pubDate>Sat, 30 Jan 2010 08:17:46 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[addmap.js]]></category>
		<category><![CDATA[Google Map]]></category>
		<category><![CDATA[文章解析]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=1441</guid>
		<description><![CDATA[
addmap.jsはコンテンツの中の文章を自動解析して地名を見つけるとGoogle Map上にピンを表示してくれるスクリプトです。
使い方
使い方は非常に簡単で、JavaScriptを読み込んだ後にGoogle Map [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/analyse_text.png" alt="analyse_text" title="analyse_text" width="211" height="213" class="alignnone size-full wp-image-1442" /><br />
<a href="http://github.com/codepo8/geotoys" target="_blank">addmap.js</a>はコンテンツの中の文章を自動解析して地名を見つけるとGoogle Map上にピンを表示してくれるスクリプトです。</p>
<h3>使い方</h3>
<p>使い方は非常に簡単で、JavaScriptを読み込んだ後にGoogle MapのAPIキーを指定するだけになります。</p>
<pre class="brush:xml;">
&lt;script src="http://github.com/codepo8/geotoys/raw/master/addmap.js"&gt;&lt;/script&gt;
&lt;/script&gt;
addmap.config.mapkey = 'YOUR_API_KEY';
addmap.analyse('content');
&lt;/script&gt;
</pre>
<h3>日本語もOK!?</h3>
<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/auto_add_map.png" alt="auto_add_map" title="auto_add_map" width="600" height="190" class="alignnone size-full wp-image-1443" /><br />
ためしに日本語を設定してみた所、問題なく動作しました。ただし「日本語のみ」ではうまく動作しなかったため英語が含まれている必要があるようです。</p>
<p>アイデアが面白いので,使い方によっては良いかもしれません。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/01/text-analyse-google-map/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Map上で右クリックをダブルクリックするとズームアウトする</title>
		<link>http://blog.verygoodtown.com/2010/01/google-map-right-click-zoom-out/</link>
		<comments>http://blog.verygoodtown.com/2010/01/google-map-right-click-zoom-out/#comments</comments>
		<pubDate>Tue, 26 Jan 2010 07:27:26 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[メモ]]></category>
		<category><![CDATA[Google Map]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=1148</guid>
		<description><![CDATA[
Google map上でダブルクリックするとズームインしますが、ズームアウトってできないのかなーとずっと思ってました。ついにやり方がわかったのでメモ。知らない人もいるかもしれないので。
右クリックをダブルクリック（何て [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/googlemap.jpg" alt="googlemap" title="googlemap" width="600" height="174" class="alignnone size-full wp-image-1149" /><br />
Google map上でダブルクリックするとズームインしますが、ズームアウトってできないのかなーとずっと思ってました。ついにやり方がわかったのでメモ。知らない人もいるかもしれないので。</p>
<p>右クリックをダブルクリック（何て言えばいいんでしょう？！）するとズームアウトするようになりました。</p>
<p>たったこれだけですが、右クリックってあまり使わないので。<br />
こういう使い方もできるんですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/01/google-map-right-click-zoom-out/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GoogleMap上に配信中のUstreamを表示するサービス「UstreamMap」</title>
		<link>http://blog.verygoodtown.com/2010/01/google-map-ustream-display-service-ustreammap/</link>
		<comments>http://blog.verygoodtown.com/2010/01/google-map-ustream-display-service-ustreammap/#comments</comments>
		<pubDate>Mon, 25 Jan 2010 12:11:32 +0000</pubDate>
		<dc:creator>linja</dc:creator>
				<category><![CDATA[WEBサービス]]></category>
		<category><![CDATA[Google Map]]></category>
		<category><![CDATA[Ustream]]></category>

		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=1127</guid>
		<description><![CDATA[
UstreamMapはGoogleMap上に配信中のUstreamの動画を表示するサービスです。アイデアが面白かったのでエントリー。
Ustreamは最近ではiPhoneからも生中継できるようになったため、こういったサ [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.verygoodtown.com/wordpress/wp-content/uploads/UstreamMap_image.jpg" alt="UstreamMap_image" title="UstreamMap_image" width="646" height="336" class="alignnone size-full wp-image-1128" /><br />
<a href="http://b-o-w.jp/labs/ustream/map/" target="_blank">UstreamMap</a>はGoogleMap上に配信中のUstreamの動画を表示するサービスです。アイデアが面白かったのでエントリー。</p>
<p>Ustreamは最近ではiPhoneからも生中継できるようになったため、こういったサービスが実現できるんですね。マップ上であちこちに展開されるため見ているだけでおもしろいです。</p>
<p>まだの方はぜひ！おすすめです。</p>
<p><strong>2010/01/26追記</strong><br />
作者の方の記事がありました。</p>
<ul>
<li><a href="http://b-o-w.jp/blog/2010/01/08/ustreammap/" target="_blank">pekolog&raquo; ブログアーカイブ &raquo; お正月なのでUstreamをGoogle マップ上に表示してみた</a></li>
</ul>
<blockquote><p>iPhoneのUstream Live Broadcasterを使う場合は、設定でSend locationを”Always”ではなく”Ask on startup”にしないと位置情報が有効にならないかも？という報告がありました。（検証中）</p></blockquote>
<p>↑iPhoneから表示させる場合には注意が必要のようです。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.verygoodtown.com/2010/01/google-map-ustream-display-service-ustreammap/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

