var marker;


var defmarker;


var markers = [];


var infoWindow = new google.maps.InfoWindow();





//青い道路（ImageMapType）を指定


var StreetViewOptions=


{


	getTileUrl: function(coord, zoom)


	{


	var X = coord.x % (1 << zoom);


	return "http://cbk0.google.com/cbk?output=overlay&" +


	"zoom=" + zoom + "&x=" + X + "&y=" + coord.y + "&cb_client=api";


	},


	tileSize: new google.maps.Size(256, 256),


	isPng: true


};





var StreetViewType = new google.maps.ImageMapType(StreetViewOptions);





function initialize_map() 


{


	var center = new google.maps.LatLng(lat,lng);


	var mapOptions = 


	{


		center: center,


		zoom: 17,


		mapTypeId: google.maps.MapTypeId.ROADMAP


	};


	var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);





	var name = '<p>'+title+'</p>';


	var latlng = new google.maps.LatLng(lat,lng);


	var category =  'atraction';


 	var html = '<div style="height: 50px; width: 100px"><b>'+name+'</b>'  ;





	createMarker(latlng,html,map,category,name,icon,shadow)





	var panoramaOptions = 


	{


	position:center,


		pov: 


		{


		heading: 180,


		pitch:0,


		zoom:0


		}


	};


	var panorama = new  google.maps.StreetViewPanorama(document.getElementById("streetview_canvas"),panoramaOptions);





	//青い道路（ImageMapType）をオーバーレイ


	map.overlayMapTypes.insertAt(0, StreetViewType);





	map.setStreetView(panorama);





	//◆ペグマン位置変更イベント


	google.maps.event.addListener(panorama, 'position_changed', function() 


	{


	positionPegman = panorama.getPosition();


	map.panTo(positionPegman);


	});


}


function createMarker(latlng,html,map,category,name,icon,shadow)


{


	var iconOffset = new google.maps.Point(50, 47); 


	var iconPosition = new google.maps.Point(0, 0);


	var iconSize = new google.maps.Size(50, 47);


	var iconShadowSize = new google.maps.Size(57, 47);





	var atractionUrl = icon;


	var atractionShadowUrl = shadow;


	var atractionIcon = new google.maps.MarkerImage(atractionUrl, iconSize, iconPosition, iconOffset);


	var atractionShadow = new google.maps.MarkerImage(atractionShadowUrl, iconShadowSize, iconPosition, iconOffset);





	var customIcons =


	{


	atraction: {icon:atractionIcon,shadow:atractionShadow}


	};





	var icon = customIcons[category] || {};





	var marker = new google.maps.Marker(


	{


	map: map,


	position: latlng,


	icon: icon.icon,


	shadow: icon.shadow


	});





	google.maps.event.addListener(marker, 'click', function() 


	{


		infoWindow.setContent(html);


		infoWindow.open(map,marker);


	});


} 





function panoramio_set() {


	var myLatlng = new google.maps.LatLng(lat,lng);


	var myOptions = {


		zoom: 15,


		center: myLatlng,


		mapTypeId: google.maps.MapTypeId.ROADMAP


	}


	var map = new google.maps.Map(document.getElementById("panoramio_tag"),myOptions);


	// マーカー


	var name = '<p>'+title+'</p>';


	var latlng = new google.maps.LatLng(lat,lng);


	var category =  'atraction';


 	var html = '<div style="height: 50px; width: 100px"><b>'+name+'</b>'  ;





	createMarker(latlng,html,map,category,name,icon,shadow)


	var panoramio = new google.maps.panoramio.PanoramioLayer();


	panoramio.setMap(map);


}


function default_map() {


	initialize_map();


	panoramio_set();


}