﻿//マーカー
var marker;
//ストリートビュー用のコンテナ
var svContainer;
var svObj=null;
var clickCnt = 0;


function load() {

//地図を作成
	var map = new GMap2(document.getElementById("map"));
	//地図のセンター位置を指定(緯度,経度),表示倍率
	
    var point=new GLatLng(35.657194, 139.752138);
	
	map.setCenter(point, 16);

//======中心座標取得は以下のサイトで
//======http://www.geocoding.jp/


//以下はオプション
	//マーカーを作成(マーカーの緯度,経度)
	marker = new GMarker(point);
	map.addOverlay(marker);
	//マーカーをクリックで吹き出しを表示

	
	
	//マップオーバービューコントローラを付ける（小さな地図のサイズ）
		//map.addControl(new GOverviewMapControl(new GSize(150,100)));

	//マップコントローラを付ける(拡大・縮小など)
	map.addControl(new GLargeMapControl());

	//マップタイプコントローラを追加する（航空写真との切り替え）
	map.addControl(new GMapTypeControl());

	//スケールコントローラ(尺度定規)を付ける
	map.addControl(new GScaleControl());
	
	//ストリートビュー用のコンテナ
    svContainer = document.createElement("div");
	svContainer.style.width="600px";
	svContainer.style.height="220px";
	GEvent.addListener(marker, 'click', showStreetView);
	
	GEvent.addListener(map,'moveend',function() {
											  
		if(clickCnt == 1){
			showStreetView();
			clickFlg = false;
		}
	});
	

}

function showStreetView(){
	clickCnt++;
	//    ストリートビューの表示     //
	//マーカーの現在位置を取得
	if(!svObj && svObj!=undefined){
		//GStreetViewPanoramaの削除
		//(メモリ開放)
		svObj.remove();
	}

	var markerPos = marker.getPoint();
	//GStreetviewPanoramaの作成
	svObj = new GStreetviewPanorama(svContainer,{latlng:markerPos});
	//ふきだしの表示
	marker.openInfoWindow(svContainer);
}	

