HOME -> プログラム -> JavaScript -> JavaScript Mashup -> Google MAP -1

Google MAP -1

 GoogleMapを利用するにはまずAPIキーを取得する必要があります。 このあたりは既に様々なページで紹介されていますが、一応おさらいをしてみます。
 GoogleMaps API Key 取得ページ
 において、利用規約に同意を行い、更に使用したいサイトのドメインを記入する必要があります。

 あとは「APIキーの生成」というボタンを押すだけで、 あなたのページに貼り付けられるAPIキーが表示されたページに移動します。
Your key is:という文字につづく枠内がAPIキーになります。
 貼り付けのサンプルコードとして
Here is an example web page to get you started on your way to mapping glory:
 以下に続く枠内をコピペしたページをサイトにアップロードしてアクセスしてみてください。 以下のリンク先のようになるかと思います。
GoogleMapsAPI サンプル

(ページ内貼り付けサンプル : APIキー部分は割愛していますので、環境に沿ったキーを前に付け加えてください)
<div id="gmap" style="width:500px; height:300px" style="margin:0px;"></div>
<script type="text/javascript">
//<![CDATA[
	window.onload = function(){
			map = new GMap2(document.getElementById("gmap"));
			map.setCenter(new GLatLng(35.67392 ,139.768) , 12);
			var posv = new GLatLng( 35.67392  , 139.768 );
			var setmarker =  new GMarker( posv );
			map.addOverlay( setmarker ) ;
				
			ctrlObj = new GLargeMapControl();
			map.addControl(ctrlObj);
	}
//]]>
</script>


2008年 10月 31日ドキュメント作成
2008年 10月 31日ドキュメント更新