/****************************************************

googlemaps api js

[latest modify]
2010/05/25

[tools]
・住所から緯度経度を取得
http://www.geocoding.jp/

****************************************************/

google.maps.event.addDomListener(window, 'load', function() {

	//--- 編集エリアここから ---
	var cf = {
		
		//地図を表示するターゲットID　例) "mapArea"
		targetID : "CIMmap",
	
		//地図の設定
		map : {
			
			//地図中央の緯度
			lat : 34.719745,
			
			//地図中央の経度
			lng : 135.261194,
			
			//縮尺
			zoom : 15
			
		},
		
		//マーカーの設定
		marker : {
			
			//緯度
			lat : 34.718067,
			
			//経度
			lng : 135.261194,
			
			//オリジナルマーカー画像 *デフォルトのものを使う場合は「use : false」
			img : {
				use : false,
				url : "images/map_pin01.png",
				size : {
					w : 72,
					h : 48
				}
			},
			
			//マーカーhover時の文字列
			title : "株式会社オールドオフィス",
			
			//吹き出しに表示するHTML *一行で書くこと
			infoHTML : '<div class="infoWindowWrapper"><h4><img src="images/map_comlogo.gif" alt="株式会社オールドオフィス" width="163" height="32" /></h4><p>〒658-0053<br />兵庫県神戸市東灘区住吉宮町３丁目１５−１５<br />グランディア5F</p></div>'
			
		}
	
	};
	//--- 編集エリアここまで ---
	
	
	

	//地図関連
    var mapdiv = document.getElementById(cf.targetID);
    var mapOptions = {
        zoom: cf.map.zoom,
        center: new google.maps.LatLng(cf.map.lat, cf.map.lng),
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        scaleControl: true
    };
    var map = new google.maps.Map(mapdiv, mapOptions);
	
	//marker関連
	var markerOptions = {
		position: new google.maps.LatLng(cf.marker.lat, cf.marker.lng),
		map: map, 
		title: cf.marker.title
	};
	
	if(cf.marker.img.use) {
		markerOptions.icon = new google.maps.MarkerImage(
			cf.marker.img.url,
			new google.maps.Size(cf.marker.img.size.w, cf.marker.img.size.h)
		);
	}
	
	var marker = new google.maps.Marker(markerOptions);
	
	//markerの吹き出し関連
	var infowindow = new google.maps.InfoWindow({
		content: cf.marker.infoHTML
	});
	
	//event関連
	google.maps.event.addListener(marker, 'click', function() {
		infowindow.open(map,marker);
	});
	google.maps.event.trigger(marker, 'click');
	
});