public/js/functions.js
/*	Google Map Function for Custom Style
	/* ---------------------------------------------------------------------- */
Google Map Function for Custom Style
Google Map Function for Custom Style
function initialize() {
		var MY_MAPTYPE_ID = 'custom_style';
		var map;
		var brooklyn = new google.maps.LatLng(40.6743890, -73.9455);
		var featureOpts = [
			{"featureType":"landscape.man_made","elementType":"geometry","stylers":[{"color":"#f7f1df"}]},{"featureType":"landscape.natural","elementType":"geometry","stylers":[{"color":"#d0e3b4"}]},{"featureType":"landscape.natural.terrain","elementType":"geometry","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"poi.business","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.medical","elementType":"geometry","stylers":[{"color":"#fbd3da"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#bde6ab"}]},{"featureType":"road","elementType":"geometry.stroke","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffe15f"}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#efd151"}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"road.local","elementType":"geometry.fill","stylers":[{"color":"black"}]},{"featureType":"transit.station.airport","elementType":"geometry.fill","stylers":[{"color":"#cfb2db"}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#a2daf2"}]}
		];
		var mapOptions = {
			zoom: 12,
			center: brooklyn,
			mapTypeControlOptions: {
				mapTypeIds: [google.maps.MapTypeId.ROADMAP, MY_MAPTYPE_ID]
			},
			mapTypeId: MY_MAPTYPE_ID
		};
		map = new google.maps.Map(
			document.getElementById('map-canvas'),
			mapOptions
		);
		var styledMapOptions = {
			name: 'Custom Style'
		};
		var customMapType = new google.maps.StyledMapType(featureOpts, styledMapOptions);
		map.mapTypes.set(MY_MAPTYPE_ID, customMapType);
	}
function initialize ( ) { var MY_MAPTYPE_ID = 'custom_style' ; var map ; var brooklyn = new google . maps . LatLng ( 40.6743890 , - 73.9455 ) ; var featureOpts = [ { "featureType" : "landscape.man_made" , "elementType" : "geometry" , "stylers" : [ { "color" : "#f7f1df" } ] } , { "featureType" : "landscape.natural" , "elementType" : "geometry" , "stylers" : [ { "color" : "#d0e3b4" } ] } , { "featureType" : "landscape.natural.terrain" , "elementType" : "geometry" , "stylers" : [ { "visibility" : "off" } ] } , { "featureType" : "poi" , "elementType" : "labels" , "stylers" : [ { "visibility" : "off" } ] } , { "featureType" : "poi.business" , "elementType" : "all" , "stylers" : [ { "visibility" : "off" } ] } , { "featureType" : "poi.medical" , "elementType" : "geometry" , "stylers" : [ { "color" : "#fbd3da" } ] } , { "featureType" : "poi.park" , "elementType" : "geometry" , "stylers" : [ { "color" : "#bde6ab" } ] } , { "featureType" : "road" , "elementType" : "geometry.stroke" , "stylers" : [ { "visibility" : "off" } ] } , { "featureType" : "road" , "elementType" : "labels" , "stylers" : [ { "visibility" : "off" } ] } , { "featureType" : "road.highway" , "elementType" : "geometry.fill" , "stylers" : [ { "color" : "#ffe15f" } ] } , { "featureType" : "road.highway" , "elementType" : "geometry.stroke" , "stylers" : [ { "color" : "#efd151" } ] } , { "featureType" : "road.arterial" , "elementType" : "geometry.fill" , "stylers" : [ { "color" : "#ffffff" } ] } , { "featureType" : "road.local" , "elementType" : "geometry.fill" , "stylers" : [ { "color" : "black" } ] } , { "featureType" : "transit.station.airport" , "elementType" : "geometry.fill" , "stylers" : [ { "color" : "#cfb2db" } ] } , { "featureType" : "water" , "elementType" : "geometry" , "stylers" : [ { "color" : "#a2daf2" } ] } ] ; var mapOptions = { zoom : 12 , center : brooklyn , mapTypeControlOptions : { mapTypeIds : [ google . maps . MapTypeId . ROADMAP , MY_MAPTYPE_ID ] } , mapTypeId : MY_MAPTYPE_ID } ; map = new google . maps . Map ( document . getElementById ( 'map-canvas' ) , mapOptions ) ; var styledMapOptions = { name : 'Custom Style' } ; var customMapType = new google . maps . StyledMapType ( featureOpts , styledMapOptions ) ; map . mapTypes . set ( MY_MAPTYPE_ID , customMapType ) ; }
Google Map Function for Custom Style
Google Map Function for Custom Style