custom style map

Custom style a map. This site can be very helpful to produce the js: http:cl.ly0T0N0845460s

var map;

function initialize(){
	var styles = [
				{
					featureType: \'water\',
					elementType: \'all\',
					stylers: [
						{ hue: \'#a9bed6\' },
						{ saturation: -21 },
						{ lightness: -1 },
						{ visibility: \'on\' }
					]
				},{
					featureType: \'road\',
					elementType: \'all\',
					stylers: [
						{ hue: \'#f7f6c7\' },
						{ saturation: -25 },
						{ lightness: 65 },
						{ visibility: \'on\' }
					]
				},{
					featureType: \'road.arterial\',
					elementType: \'all\',
					stylers: [
						{ hue: \'#FFFFFF\' },
						{ saturation: -100 },
						{ lightness: 100 },
						{ visibility: \'on\' }
					]
				},{
					featureType: \'poi\',
					elementType: \'all\',
					stylers: [
						{ hue: \'#e9dab9\' },
						{ saturation: 16 },
						{ lightness: 18 },
						{ visibility: \'on\' }
					]
				},{
					featureType: \'poi.park\',
					elementType: \'all\',
					stylers: [
						{ hue: \'#c4e59e\' },
						{ saturation: 26 },
						{ lightness: -3 },
						{ visibility: \'on\' }
					]
				},{
					featureType: \'landscape\',
					elementType: \'all\',
					stylers: [
						{ hue: \'#f4ecd8\' },
						{ saturation: 40 },
						{ lightness: 11 },
						{ visibility: \'on\' }
					]
				}
			];
	var center = new google.maps.LatLng(33.509766,-112.014261);
	map = new google.maps.Map(document.getElementById(\'map_canvas\'), {
		center: center,
		zoom: 15,
		panControl: false,
		zoomControl: false,
		mapTypeControl: false,
		scaleControl: false,
		streetViewControl: false,
		overviewMapControl: false,
		disableDefaultUI: true,
		draggable: true, 
		mapTypeControlOptions: {
			mapTypeIds: [ \'Styled\']
		},
		mapTypeId: \'Styled\'
	});
	var styledMapType = new google.maps.StyledMapType(styles, { name: \'Styled\' });
	map.mapTypes.set(\'Styled\', styledMapType);
}
google.maps.event.addDomListener(window, \'load\', initialize);