<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<style type="text/css">
#user_gmap{ width:100%;height:100%; margin:20px20px 0px; align-items: flex-end }
</style>
<script type="text/javascript">
google.maps.event.addDomListener(window, 'load', function() {
	var mapdiv = document.getElementById('user_gmap');
	var myOptions = {
	zoom: 15,
    zoomControlOptions: {
                style: google.maps.ZoomControlStyle.LARGE,
            },
            disableDoubleClickZoom: true,
            mapTypeControl: true,
            scaleControl: false,
            scrollwheel: false,
            panControl: false,
            streetViewControl: false,
            draggable : true,
            overviewMapControl: false,
            overviewMapControlOptions: {
                opened: false,
            },
	center: new google.maps.LatLng(22.625872, 120.281573),
	mapTypeId: google.maps.MapTypeId.ROADMAP,
	scaleControl: true,
    styles: [{"featureType":"all","elementType":"all","stylers":[{"visibility":"simplified"},{"hue":"#ffc8c4"},{"lightness":45}]},{"featureType":"road","elementType":"labels","stylers":[{"visibility":"simplified"},{"lightness":25}]},{"featureType":"landscape","elementType":"all","stylers":[{"hue":"#ffc8c4"},{"lightness":40}]},{"featureType":"poi","elementType":"all","stylers":[{"hue":"#ffc8c4"},{"lightness":20}]}],
	};
	var map = new google.maps.Map(mapdiv, myOptions);
    var image = 'http://icons.iconarchive.com/icons/glyphish/glyphish/32/07-map-marker-icon.png';
	var marker = new google.maps.Marker({
	position: new google.maps.LatLng(22.625872, 120.281573),
	map: map, 
    icon: image,
	title: 'Dakuo 高雄市數位內容創意中心'
	});
	var infowindow = new google.maps.InfoWindow({
	content: '<strong>Dakuo 高雄市數位內容創意中心</strong><br />高雄市鹽埕區新樂街214號3樓',
	size: new google.maps.Size(200, 200)
	});
	google.maps.event.addListener(marker, 'click', function() {
	infowindow.open(map,marker);
	});
	infowindow.open(map,marker);
});


</script>
<div id="user_gmap"></div>
