window.onload = function() {
	loadStreet();
	//loadMap();
}
function loadStreet() {
    var myPano = new GStreetviewPanorama(document.getElementById("streetview"));
    fenwayPark = new GLatLng(35.733273,139.710782); //街景的纬度与经度
	//「yaw」はカメラの方角です。0が北、90が東、180が南、270が西を表します。 
	//「pitch」はカメラの角度です。-90から90までの値で指定しますが、-90が真上、0が水平方向、90が真下(足もと)を表示します。 
	//「zoom」は縮尺レベルを表します。0がズームアウトを最大にしている状態で、ズームインするには数値を上げていきます。現時点では0から2までの数値しか指定できないと思われます。
    myPOV = {yaw:-60,pitch:5,zoom:0.5}; 
    myPano.setLocationAndPOV(fenwayPark, myPOV);
    GEvent.addListener(myPano, "error", handleNoFlash);
}

function handleNoFlash(errorCode) {
    if (errorCode == 603) {
    alert("Error: Flash doesn't appear to be supported by your browser");
    return;
    }
}
function loadMap() {
	//member variavles
	var map;
	
	if (GBrowserIsCompatible())
	{
		var mapdiv = document.getElementById("map");
		//new contract and set initial property
		var map = new GMap2(document.getElementById("map"));
		map.setCenter(new GLatLng(35.732466, 139.710836), 17);
		map.addControl(new GMapTypeControl());
		map.addControl(new GSmallMapControl());
		//map.addControl(new GOverviewMapControl());
		//map.addMapType(G_SATELLITE_3D_MAP);
		
		//set orijinal icon
		var markerIcon = new GIcon();
		markerIcon.image = "http://www.3u-web.com/test/mapicon.png";
		markerIcon.iconSize = new GSize(211, 108);
		markerIcon.iconAnchor = new GPoint(191, 54); //>200时为，211-20, 108/2
		var opt = {icon:markerIcon};
		var marker = new GMarker(new GLatLng(35.733448, 139.710646), opt);
		map.addOverlay(marker);
		
		

		var markerIcon = new GIcon();
		markerIcon.image = "http://www.3u-web.com/test/ng.png";
		markerIcon.iconSize = new GSize(42, 31);
		markerIcon.iconAnchor = new GPoint(32, 15);  //>200以下时为，42-10, 31/2
		var opt = {icon:markerIcon};
		var marker = new GMarker(new GLatLng(35.731593, 139.71108), opt);
		map.addOverlay(marker);	
		
			
		var markerIcon = new GIcon();
		markerIcon.image = "http://www.3u-web.com/test/jian01.png";
		markerIcon.iconSize = new GSize(32, 41);
		markerIcon.iconAnchor = new GPoint(22, 20);
		var opt = {icon:markerIcon};
		var marker = new GMarker(new GLatLng(35.731695, 139.710981), opt);
		map.addOverlay(marker);	
		
		
		var markerIcon = new GIcon();
		markerIcon.image = "http://www.3u-web.com/test/jian02.png";
		markerIcon.iconSize = new GSize(17, 35);
		markerIcon.iconAnchor = new GPoint(7, 17);
		var opt = {icon:markerIcon};
		var marker = new GMarker(new GLatLng(35.732281, 139.710906), opt);
		map.addOverlay(marker);	
		
		
		var markerIcon = new GIcon();
		markerIcon.image = "http://www.3u-web.com/test/jian03.png";
		markerIcon.iconSize = new GSize(22, 34);
		markerIcon.iconAnchor = new GPoint(12, 17);
		var opt = {icon:markerIcon};
		var marker = new GMarker(new GLatLng(35.732718, 139.71089), opt);
		map.addOverlay(marker);	
		
		
		var markerIcon = new GIcon();
		markerIcon.image = "http://www.3u-web.com/test/jian04.png";
		markerIcon.iconSize = new GSize(16, 41);
		markerIcon.iconAnchor = new GPoint(8, 20);
		var opt = {icon:markerIcon};
		var marker = new GMarker(new GLatLng(35.733199, 139.710817), opt);
		map.addOverlay(marker);	
		
		map.enableScrollWheelZoom();
		map.enableContinuousZoom();
		GEvent.addDomListener( mapdiv, "DOMMouseScroll", wheelZoom ); // Firefox
		GEvent.addDomListener( mapdiv, "mousewheel", wheelZoom );     // IE
	}
}
function wheelZoom(event)
{
	e = event;
	if (typeof e.preventDefault  == 'function') 
		e.preventDefault();
	if (typeof e.stopPropagation == 'function')
		e.stopPropagation();
	if (window.event) {
		window.event.cancelBubble = true; // for IE
		window.event.returnValue = false; // for IE
	}
}