function detectBrowser() {
	var useragent = navigator.userAgent;
	var mapdiv = document.getElementById("map_canvas");
    
	if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
		mapdiv.style.width = '100%';
//		mapdiv.style.height = '100%';
		mapdiv.style.height = '300px';
	} else {
		mapdiv.style.width = '100%';
		mapdiv.style.height = '500px';
	}
}
function initialize() {
	detectBrowser();
	var myLatlng = new google.maps.LatLng(32.842507, 130.698831);
	var myOptions = {
		zoom: 13,
		center: myLatlng,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	}
	var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

	var contentString = "<div style='width:175px; height:70px; white-space; nowrap;'><strong>幸山政史事務所</strong><br />Seishi.Kohyama office</div>";

	var infowindow = new google.maps.InfoWindow({
		content: contentString
	});

	var marker = new google.maps.Marker({
		position: myLatlng,
		map: map,
		title:"幸山政史事務所"
	});
	infowindow.open(map,marker);
	google.maps.event.addListener(marker, 'click', function() {
		infowindow.open(map,marker);
	});
}
function loadScript() {
	var script = document.createElement("script");
	script.type = "text/javascript";
	script.src = "http://maps.google.com/maps/api/js?sensor=false&language=ja&callback=initialize";
	document.body.appendChild(script);
}
  
window.onload = loadScript;