OneStudio - Contact Heading

OneStudio - Contact Heading

<div class="video-container thumb"><div class="video-wrapper"><div id="gmap" class="map"></div></div></div>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script>
jQuery(function(){
	// initialize custom gmap
	var map_name = 'custom_gmap',
		loc = new google.maps.LatLng(40.796146, -73.960157), // set location
		marker_pos = new google.maps.LatLng(40.796146, -73.960157), // set marker position
		marker_title = '1studio architecture',
		stylers = [{ 
			"featureType": "all", 
			"elementType": "all",
			"stylers": [
				{ "saturation": "-60" },
				{ lightness: 10 }
			]
		}],
		mapOptions = {
			zoom: 15,
			center: loc,
			mapTypeId: map_name,
			disableDefaultUI: true,
			scrollwheel: false
		},
		map = new google.maps.Map(document.getElementById("gmap"), mapOptions),
		styledMapOptions = {
			map: map,
			name: map_name + "_map"
		},
		marker = new google.maps.Marker({
			position: marker_pos,
			map: map,
			title: marker_title,
				icon: 'http://cerchez.com/onestudio/wp-content/uploads/sites/9/2013/06/marker.png'
		}),
		custommap = new google.maps.StyledMapType(stylers,styledMapOptions);
	
	map.mapTypes.set(map_name, custommap);
	map.setMapTypeId(map_name);
});
</script>