<?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>INTERESTIC NEWS &#187; API 遊び</title>
	<atom:link href="http://news.interestic.com/category/api/feed" rel="self" type="application/rss+xml" />
	<link>http://news.interestic.com</link>
	<description>NEWSかOLDSをお届け。</description>
	<lastBuildDate>Mon, 16 Feb 2009 16:56:31 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://news.interestic.com/category/api/feed" />
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>LIGHTTPD をinstallしてみました。</title>
		<link>http://news.interestic.com/2009/01/16/none/633.html</link>
		<comments>http://news.interestic.com/2009/01/16/none/633.html#comments</comments>
		<pubDate>Fri, 16 Jan 2009 12:20:36 +0000</pubDate>
		<dc:creator>Do9IIgane</dc:creator>
				<category><![CDATA[API 遊び]]></category>
		<category><![CDATA[雑記]]></category>
		<category><![CDATA[apache]]></category>
		<category><![CDATA[linux]]></category>

		<guid isPermaLink="false">http://news.interestic.com/?p=633</guid>
		<description><![CDATA[おくばせながら、LIGHTTPDをインストールしてみました。 wikipediaによると、 高速性が重視される環境に最適化された、安全、高速で標準に準拠し、柔軟であることを指向して設計されたWebサーバソフトウェアである [...]]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p>おくばせながら、LIGHTTPDをインストールしてみました。<br />
<a href="http://ja.wikipedia.org/wiki/Lighttpd" target="blank">wikipedia</a>によると、</p>
<blockquote><p>
高速性が重視される環境に最適化された、安全、高速で標準に準拠し、柔軟であることを指向して設計されたWebサーバソフトウェアである。</p></blockquote>
<p>また、</p>
<blockquote><p>メモリの消費量が少なく、CPUへの負荷が少ない高速な動作が目的となっているため、サーバの負荷が問題になっている場合や画像などの静的なコンテンツを動的なコンテンツと区別して送信する場合などに適しているとされる。</p></blockquote>
<p>とあります。</p>
<p>なんかワクワクしますね。<br />
以下導入手順を簡単ですが、記載します。</p>
<p><a id="more-633"></a></p>
<p>現在遊びの環境としてCentOSを使っています。<br />
しかし、CentOS標準リポジトリにはLIGHTTPDが用意されていませんので、</p>
<li>Fedora EPEL リポジトリを設定</li>
<p>#wget http://download.fedora.redhat.com/pub/epel/5/i386/epel-release-5-2.noarch.rpm<br />
# rpm -ivh epel-release-5-2.noarch.rpm</p>
<p>そして、このままでは有効にはなりませんので、<br />
以下のように。</p>
<p>vi /etc/yum.repos.d/epel.repo</p>
<p>enableを 0 ⇒ 1 する。<br />
のち、</p>
<p>#yum install -y lighttpd lighttpd-fastcgi </p>
<p>か、または</p>
<p>#yum install -y &#8211;enablerepo=epel lighttpd lighttpd-fastcgi </p>
<p>=============================================================================<br />
 Package Arch Version Repository Size<br />
=============================================================================<br />
Installing:<br />
 lighttpd-fastcgi i386 1.4.18-3.el5 epel 45 k<br />
Installing for dependencies:<br />
 lighttpd i386 1.4.18-3.el5 epel 373 k<br />
 lua i386 5.1.2-1.el5 epel 225 k</p>
<p>Transaction Summary<br />
=============================================================================<br />
Install 3 Package(s)<br />
Update 0 Package(s)<br />
Remove 0 Package(s) </p>
<p>Total download size: 644 k<br />
Downloading Packages:<br />
(1/3): lua-5.1.2-1.el5.i3 100% |=========================| 225 kB 00:00<br />
(2/3): lighttpd-1.4.18-3. 100% |=========================| 373 kB 00:00<br />
(3/3): lighttpd-fastcgi-1 100% |=========================| 45 kB 00:00<br />
Running rpm_check_debug<br />
Running Transaction Test<br />
Finished Transaction Test<br />
Transaction Test Succeeded<br />
Running Transaction<br />
 Installing: lua ######################### [1/3]<br />
 Installing: lighttpd ######################### [2/3]<br />
 Installing: lighttpd-fastcgi ######################### [3/3] </p>
<p>Installed: lighttpd-fastcgi.i386 0:1.4.18-3.el5<br />
Dependency Installed: lighttpd.i386 0:1.4.18-3.el5 lua.i386 0:5.1.2-1.el5<br />
Complete!</p>
<p>ここではやる気持ちを抑えつつ、<strong>LIGHTTPD</strong>を起動しようとすると、</p>
<p># service lighttpd start<br />
lighttpd を起動中: 2009-01-16 20:30:48: (network.c.300) can&#8217;t bind to port: 80 Address already in use<br />
 [失敗]</p>
<p>となり、<strong>httpd</strong>は止めます。</p>
<p># service httpd stop<br />
httpd を停止中: [ OK ]<br />
# service lighttpd start<br />
lighttpd を起動中: [ OK ]</p>
<p><strong>LIGHTTPD</strong> 起動です。</p>
<p>そして、fast-cgiを使うために、以下のようにconfファイルを編集します。</p>
<p># vi /etc/lighttpd/lighttpd.conf </p>
<p>以下コメントアウト</p>
<p>## modules to load<br />
# at least mod_access and mod_accesslog should be loaded<br />
# all other module should only be loaded if really neccesary<br />
# &#8211; saves some time<br />
# &#8211; saves memory<br />
server.modules = (<br />
# &#8220;mod_rewrite&#8221;,<br />
# &#8220;mod_redirect&#8221;,<br />
# &#8220;mod_alias&#8221;,<br />
 &#8220;mod_access&#8221;,<br />
# &#8220;mod_cml&#8221;,<br />
# &#8220;mod_trigger_b4_dl&#8221;,<br />
# &#8220;mod_auth&#8221;,<br />
# &#8220;mod_status&#8221;,<br />
# &#8220;mod_setenv&#8221;,<br />
 &#8220;mod_fastcgi&#8221;,　　　#コメントアウト<br />
# &#8220;mod_proxy&#8221;,<br />
# &#8220;mod_simple_vhost&#8221;,<br />
# &#8220;mod_evhost&#8221;,<br />
# &#8220;mod_userdir&#8221;,<br />
# &#8220;mod_cgi&#8221;,<br />
# &#8220;mod_compress&#8221;,<br />
# &#8220;mod_ssi&#8221;,<br />
# &#8220;mod_usertrack&#8221;,<br />
# &#8220;mod_expire&#8221;,<br />
# &#8220;mod_secdownload&#8221;,<br />
# &#8220;mod_rrdtool&#8221;,<br />
 &#8220;mod_accesslog&#8221; )</p>
<p>~~~~</p>
<p>#### fastcgi module<br />
## read fastcgi.txt for more info<br />
## for PHP don&#8217;t forget to set cgi.fix_pathinfo = 1 in the php.ini<br />
fastcgi.server = ( &#8220;.php&#8221; =>　　　　　　　　　　　　　　　　　　　　　　　　　　　　　#コメントアウト<br />
 ( &#8220;localhost&#8221; =>　　　　　　　　　　　　　　　　　　　　　　　　　　　　#コメントアウト<br />
 (　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　#コメントアウト<br />
 &#8220;socket&#8221; => &#8220;/var/run/lighttpd/php-fastcgi.socket&#8221;,　　　#コメントアウト<br />
 &#8220;bin-path&#8221; => &#8220;/usr/bin/php-cgi&#8221;　　　　　　　　　　　　　　#コメントアウト<br />
 )　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　#コメントアウト<br />
 )　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　#コメントアウト<br />
 )　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　#コメントアウト</p>
<p>いい感じです。</p>
<p><a rel="lightbox" href="http://news.interestic.com/wp-content/upload/2008/1/16/4645586895_b%5B1%5D.jpg"><img src="http://news.interestic.com/wp-content/upload/2008/1/16/_4645586895_b%5B1%5D.jpg" width="250" height="225" alt="" title="" /></a></p>
<!-- google_ad_section_end -->
]]></content:encoded>
			<wfw:commentRss>http://news.interestic.com/2009/01/16/none/633.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://news.interestic.com/2009/01/16/none/633.html" />
	</item>
		<item>
		<title>SIMロックフリーのAndroid端末  「G1」が登場  日本含む18カ国で買えます。</title>
		<link>http://news.interestic.com/2008/12/09/google/629.html</link>
		<comments>http://news.interestic.com/2008/12/09/google/629.html#comments</comments>
		<pubDate>Tue, 09 Dec 2008 01:21:58 +0000</pubDate>
		<dc:creator>Do9IIgane</dc:creator>
				<category><![CDATA[API 遊び]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[gadget]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://news.interestic.com/?p=629</guid>
		<description><![CDATA[以前から話題になってたいわゆる[Google Phone]でしょうか。 購入にはアカウント登録料、約2500円。 本体代、約40000円くらい。 アカウント料が年間ということではなくて、初回のみというのもちょっと嬉しい限 [...]]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p>以前から話題になってたいわゆる[Google Phone]でしょうか。</p>
<p>購入にはアカウント登録料、約2500円。<br />
本体代、約40000円くらい。</p>
<p>アカウント料が年間ということではなくて、初回のみというのもちょっと嬉しい限りですね。<br />
うーん。ちょっと様子見という方も、ボーナス入ったし買うですという方も必見です。</p>
<blockquote><p>　「T-Mobile G1」向けのアプリケーション開発を切望している開発者にとって、これは朗報だ。T-Mobileのサービスエリア外に住む開発者にとっては、なおさら素晴らしいニュースだろう。Googleが、G1からSIMロックとハードウェアロックを外した「Android Dev Phone 1」を発表したのだ。</p>
<p>　Android Dev Phone 1を手に入れるには、まず「Android Market」のサイトでAndroid開発者として登録し、初回登録費用の25ドルを支払う必要がある。その後、399ドルでAndroid Dev Phone 1を購入できる（米国内なら送料は無料）。Googleによると、需要に対応するため、当面は開発者アカウント1つにつき1台のみ販売するという。</p>
<p>　Android Dev Phone 1は、米国、英国、ドイツ、日本、インド、カナダ、フランス、台湾、スペイン、オーストラリア、シンガポール、スイス、オランダ、オーストリア、スウェーデン、フィンランド、ポーランド、ハンガリーの18の国と地域で購入可能になる。対象地域は今後さらに追加していくと、Googleは述べている。</p>
<p>　開発者たちにはぜひ、素晴らしいアプリケーションを開発してもらいたい。Android Dev Phone 1を入手するために開発者を装うだけの人も、ロックフリーの新しいスマートフォンを楽しんでほしい。</p></blockquote>
<p>ちなみ動きはこんな感じみたいです。</p>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/z7qbPa1O8Ys&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;hl=en&#038;feature=player_embedded&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/z7qbPa1O8Ys&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;hl=en&#038;feature=player_embedded&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></p>
<p><a target="blank" href="http://japan.cnet.com/mobile/story/0,3800078151,20384889,00.htm">SIMロックフリーのAndroid端末「G1」が登場&#8211;日本含む18カ国で:モバイルチャンネル &#8211; CNET Japan</a></p>
<!-- google_ad_section_end -->
]]></content:encoded>
			<wfw:commentRss>http://news.interestic.com/2008/12/09/google/629.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://news.interestic.com/2008/12/09/google/629.html" />
	</item>
		<item>
		<title>Google AJAX Search APIを使ってみる</title>
		<link>http://news.interestic.com/2007/07/16/api/326.html</link>
		<comments>http://news.interestic.com/2007/07/16/api/326.html#comments</comments>
		<pubDate>Mon, 16 Jul 2007 02:02:45 +0000</pubDate>
		<dc:creator>Do9IIgane</dc:creator>
				<category><![CDATA[API 遊び]]></category>

		<guid isPermaLink="false">http://news.interestic.com/2007/07/16/none/326.html</guid>
		<description><![CDATA[Google Search APIをMTで利用しようとした際、 現在はGoogle AJAX Search APIというものに統括された ということがわかり、本日はこれを使って何か出来ないかと思い、 使用感の確認を含め、 [...]]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p>Google Search APIをMTで利用しようとした際、<br />
現在はGoogle AJAX Search APIというものに統括された<br />
ということがわかり、本日はこれを使って何か出来ないかと思い、<br />
使用感の確認を含め、利用してみたいと思います。<br />
<a id="more-326"></a><br />
まずは<a href="http://code.google.com/apis/ajaxsearch/" target="blank">AJAX Search API</a>のページへ行き、[Start using the Google AJAX Search API]のリンクをクリックします。</p>
<p>利用規約をよく読み、問題なければチェックボックスにチェック。<br />
利用するWEBページのURLを入力後[Generate API Key]をクリックします。</p>
<p>Googleが提供しているAPIを利用するには、API Keyというものが<br />
必ず必要になりますので、ここで表示されているAPI keyを手の甲にでもメモっておきます。</p>
<p>以下表示されるサンプルコードです。</p>
<div class="code">
< *SAMPLEコード*><br />
&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Strict//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#8221;&gt;<br />
	&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221;&gt;<br />
		&lt;head&gt;<br />
		&lt;meta http-equiv=&#8221;content-type&#8221; content=&#8221;text/html; charset=utf-8&#8243;/&gt;<br />
		&lt;title&gt;My Google AJAX Search API Application&lt;/title&gt;<br />
		&lt;link href=&#8221;http://www.google.com/uds/css/gsearch.css&#8221; type=&#8221;text/css&#8221; rel=&#8221;stylesheet&#8221;/&gt;<br />
		&lt;script src=&#8221;http://www.google.com/uds/api?file=uds.js&amp;v=1.0&amp;key=(取得したAPI Key)&#8221; type=&#8221;text/javascript&#8221;&gt;<br />
		&lt;/script&gt;<br />
		&lt;script language=&#8221;Javascript&#8221; type=&#8221;text/javascript&#8221;&gt;<br />
		//&lt;![CDATA[<br />
			function OnLoad() {<br />
				// Create a search control<br />
				var searchControl = new GSearchControl();<br />
				// Add in a full set of searchers<br />
				var localSearch = new GlocalSearch();<br />
				<font Color="#ff0080">searchControl.addSearcher(localSearch);<br />
				searchControl.addSearcher(new GwebSearch());<br />
				searchControl.addSearcher(new GvideoSearch());<br />
				searchControl.addSearcher(new GblogSearch());</font><br />
				// Set the Local Search center point<br />
				localSearch.setCenterPoint("New York, NY");<br />
				// Tell the searcher to draw itself and tell it where to attach<br />
				searchControl.draw(document.getElementById("searchcontrol"));<br />
				// Execute an inital search<br />
				searchControl.execute("Google");<br />
			}<br />
			GSearch.setOnLoadCallback(OnLoad);<br />
		//]]&gt;<br />
		&lt;/script&gt;<br />
	&lt;/head&gt;<br />
	&lt;body&gt;<br />
		&lt;div id=&#8221;searchcontrol&#8221;/&gt;<br />
	&lt;/body&gt;<br />
&lt;/html&gt;
</div>
<p>実際は<a href="http://interestic.com/archive/2007/07/16/google_ajax_search_api/google_ajax_search_api.php" onclick="window.open('http://interestic.com/archive/2007/07/16/google_ajax_search_api/google_ajax_search_api.php','popup','width=310,height=600,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">こちら</a><br />
おーかわいい。</p>
<div class="code">
<font Color="#ff0080">searchControl.addSearcher(localSearch);<br />
				searchControl.addSearcher(new GwebSearch());<br />
				searchControl.addSearcher(new GvideoSearch());<br />
				searchControl.addSearcher(new GblogSearch());</font>
</div>
<p>この部分は以下のようにウェブ、ビデオ、ブログ、ニュース、本から選択できます。</p>
<ul>
<li>searchControl.addSearcher(new GwebSearch());</li>
<li>searchControl.addSearcher(new GvideoSearch());</li>
<li>searchControl.addSearcher(new GblogSearch());</li>
<li>searchControl.addSearcher(new GnewsSearch());</li>
<li>searchControl.addSearcher(new GbookSearch());</li>
</ul>
<p>※推奨ブラウザはFirefox 1.5以上、 IE 6、Safari、Opera 9以上です。他のブラウザでは正常に表示出来ません。.</p>
<!-- google_ad_section_end -->
]]></content:encoded>
			<wfw:commentRss>http://news.interestic.com/2007/07/16/api/326.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://news.interestic.com/2007/07/16/api/326.html" />
	</item>
		<item>
		<title>Google マップ API を使ってみる</title>
		<link>http://news.interestic.com/2007/04/13/api/300.html</link>
		<comments>http://news.interestic.com/2007/04/13/api/300.html#comments</comments>
		<pubDate>Thu, 12 Apr 2007 15:57:39 +0000</pubDate>
		<dc:creator>Do9IIgane</dc:creator>
				<category><![CDATA[API 遊び]]></category>

		<guid isPermaLink="false">http://news.interestic.com/2007/04/13/none/300.html</guid>
		<description><![CDATA[今日は巷で流行っている[Google マップ API]を利用して なにか出来ないかという事の手始めに、口火を切ってみたいと思います。 利用開始は以下のページから行います。 http://www.google.com/ap [...]]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p>今日は巷で流行っている[Google マップ API]を利用して<br />
なにか出来ないかという事の手始めに、口火を切ってみたいと思います。</p>
<p>利用開始は以下のページから行います。</p>
<p>http://www.google.com/apis/maps/signup.html</p>
<p>規約に同意し、利用を考えているURLを指定します。<br />
※ひとつのアカウントに対し、利用できるURLはここで指定するもののみとなります。</p>
<p>さするとページが遷移し、割り当てられたAPIキー、<br />
指定したURL、サンプルコードが表示されます。</p>
<div class="code">
< *SAMPLEコード*><br />
&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Strict//EN&#8221;<br />
 &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#8221;&gt;<br />
&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221;&gt;<br />
 &lt;head&gt;<br />
 &lt;meta http-equiv=&#8221;content-type&#8221; content=&#8221;text/html; charset=utf-8&#8243;/&gt;<br />
 &lt;title&gt;Google Maps JavaScript API Example&lt;/title&gt;<br />
 &lt;script src=&#8221;http://maps.google.com/maps?file=api&amp;v=2&amp;key=(割り当てられたAPIキー)&#8221;<br />
 type=&#8221;text/javascript&#8221;&gt;&lt;/script&gt;<br />
 &lt;script type=&#8221;text/javascript&#8221;&gt;</p>
<p> //&lt;![CDATA[</p>
<p> function load() {<br />
 if (GBrowserIsCompatible()) {<br />
 var map = new GMap2(document.getElementById("map"));<br />
 map.setCenter(new GLatLng(37.4419, -122.1419), 13);<br />
 }<br />
 }</p>
<p> //]]&gt;<br />
 &lt;/script&gt;<br />
 &lt;/head&gt;<br />
 &lt;body onload=&#8221;load()&#8221; onunload=&#8221;GUnload()&#8221;&gt;<br />
 &lt;div id=&#8221;map&#8221; style=&#8221;width: 500px; height: 300px&#8221;&gt;&lt;/div&gt;<br />
 &lt;/body&gt;<br />
&lt;/html&gt;</p></div>
<p>以下実際に作成してみました。<br />
<a href="http://interestic.com/main/google_maps_sample.html" target="blank">SAMPLE</a><br />
<a id="more-300"></a><br />
利用開始は以下のページから行います。</p>
<p>http://www.google.com/apis/maps/signup.html</p>
<p>規約に同意し、利用を考えているURLを指定します。<br />
※ひとつのアカウントに対し、利用できるURLはここで指定するもののみとなります。</p>
<p>さするとページが遷移し、割り当てられたAPIキー、<br />
指定したURL、サンプルコードが表示されます。</p>
<div class="code">
< *SAMPLEコード*><br />
&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Strict//EN&#8221;<br />
 &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#8221;&gt;<br />
&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221;&gt;<br />
 &lt;head&gt;<br />
 &lt;meta http-equiv=&#8221;content-type&#8221; content=&#8221;text/html; charset=utf-8&#8243;/&gt;<br />
 &lt;title&gt;Google Maps JavaScript API Example&lt;/title&gt;<br />
 &lt;script src=&#8221;http://maps.google.com/maps?file=api&amp;v=2&amp;key=(割り当てられたAPIキー)&#8221;<br />
 type=&#8221;text/javascript&#8221;&gt;&lt;/script&gt;<br />
 &lt;script type=&#8221;text/javascript&#8221;&gt;</p>
<p> //&lt;![CDATA[</p>
<p> function load() {<br />
 if (GBrowserIsCompatible()) {<br />
 var map = new GMap2(document.getElementById("map"));<br />
 map.setCenter(new GLatLng(37.4419, -122.1419), 13);<br />
 }<br />
 }</p>
<p> //]]&gt;<br />
 &lt;/script&gt;<br />
 &lt;/head&gt;<br />
 &lt;body onload=&#8221;load()&#8221; onunload=&#8221;GUnload()&#8221;&gt;<br />
 &lt;div id=&#8221;map&#8221; style=&#8221;width: 500px; height: 300px&#8221;&gt;&lt;/div&gt;<br />
 &lt;/body&gt;<br />
&lt;/html&gt;</p></div>
<p>以下実際に作成してみました。<br />
<a href="http://interestic.com/main/google_maps_sample.html" target="blank">SAMPLE</a></p>
<p>さすがにこれでは味気がないので<br />
以下のようなコードを追加してみました。</p>
<div class="code">
< *SAMPLEコード*><br />
&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Strict//EN&#8221;<br />
 &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#8221;&gt;<br />
&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221;&gt;<br />
 &lt;head&gt;<br />
 &lt;meta http-equiv=&#8221;content-type&#8221; content=&#8221;text/html; charset=utf-8&#8243;/&gt;<br />
 &lt;title&gt;Google Maps JavaScript API Example&lt;/title&gt;<br />
 &lt;script src=&#8221;http://maps.google.com/maps?file=api&amp;v=2&amp;key=(割り当てられたAPIキー)&#8221;<br />
 type=&#8221;text/javascript&#8221;&gt;&lt;/script&gt;<br />
 &lt;script type=&#8221;text/javascript&#8221;&gt;</p>
<p> //&lt;![CDATA[</p>
<p> function load() {<br />
 if (GBrowserIsCompatible()) {<br />
 var map = new GMap2(document.getElementById("map"));<br />
 <font color="yellowgreen">"小さなコントローラを追加する"</font><br />
 <font color="deepskyblue">map.addControl(new GSmallMapControl());</font><br />
 <font color="yellowgreen">"右上の表示切替ボタン"</font><br />
 <font color="deepskyblue">map.addControl(new GMapTypeControl());</font><br />
 map.setCenter(new GLatLng(37.4419, -122.1419), 13);<br />
 }<br />
 }</p>
<p> //]]&gt;<br />
 &lt;/script&gt;<br />
 &lt;/head&gt;<br />
 &lt;body onload=&#8221;load()&#8221; onunload=&#8221;GUnload()&#8221;&gt;<br />
 <font color="yellowgreen">&#8220;サイズ指定&#8221;</font><br />
 <font color="deepskyblue">&lt;div id=&#8221;map&#8221; style=&#8221;width: 700px; height: 900px&#8221;&gt;&lt;/div&gt;</font><br />
 &lt;/body&gt;<br />
&lt;/html&gt;
</div>
<p><a href="http://interestic.com/main/google_maps_sample2.html" target="blank">SAMPLE2</a></p>
<!-- google_ad_section_end -->
]]></content:encoded>
			<wfw:commentRss>http://news.interestic.com/2007/04/13/api/300.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://news.interestic.com/2007/04/13/api/300.html" />
	</item>
	</channel>
</rss>

