メッセージ付きGoogle MAP 組み込み ( Gmap2 )

利用ガイド

<SCRIPT 
	language="javascript"
	type="text/javascript"
	src="http://homepage2.nifty.com/lightbox/ggmap.js">
</SCRIPT>

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=shift_jis">
<SCRIPT 
	language="javascript"
	type="text/javascript"
	src="http://homepage2.nifty.com/lightbox/ggmap.js">
</SCRIPT>
</HEAD>
<BODY bgcolor="skyblue">

<DIV id="ggmap" style='position:relative;margin:100px'></DIV>
<SCRIPT language="javascript" type="text/javascript">

	// オブジェクト作成( DIV に埋め込む:"ggmap" は id )
	var g = new ggmap("ggmap");

	// 拡大
	g.setZoom( 15 );

	// フレームの大きさ
	g.setWidth( 500 );
	g.setHeight( 300 );

	// タイプ( 1:通常,2:サテライト,3:ハイブリッド )
	g.setType( 1 );

	// 経度・緯度
	g.setX( "141.357651" );
	g.setY( "43.065502" );


	// 小さい地図 ( yes, no )
	g.useSmallMap( "yes" );

	g.setMessage( "こんにちは。<br>ここは\n<b>utf8"+"\n"+"</b>で表示\tされています" );

	// マーキングの位置( 0.5 で中央 )
	g.setPosX( 0.1 );
	g.setPosY( 0.1 );

	// ロード時にメッセージを表示するかどうか( on, off )
	g.initMarker( "on" );

	g.apply();

	str = "<b>HTML</b>を使用してコメントを表示します";
	str += "<br />(ここは、このページのスタイルシートに依存します)";
	g.setComment(str);

</SCRIPT>

</BODY>
</HTML>