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キー部分は割愛していますので、環境に沿ったキーを前に付け加えてください)
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日ドキュメント更新