Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Simple styled maps</title>
    <style>
        html, body, #map-canvas {
            height: 100%;
            margin: 0px;
            padding: 0px
        }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
    <script>
        var map;
        var brooklyn = new google.maps.LatLng(40.6743890, -73.9455);

        var MY_MAPTYPE_ID = 'custom_style';

        function initialize() {

            var featureOpts = [
                {
                    stylers: [
                        { hue: '#890000' },
                        { visibility: 'simplified' },
                        { gamma: 0.8 },
                        { weight: 0.8 }
                    ]
                },
                {
                    elementType: 'labels',
                    stylers: [
                        { visibility: 'off' }
                    ]
                },
                {
                    featureType: 'water',
                    stylers: [
                        { color: '#890000' }
                    ]
                },
                {
                    featureType: 'road', //tutaj wrzucasz typ
                    stylers: [
                        {
                            color: '#0091DA', // kolor
                            gamma: 0.8, // gamma
                            hue: '#FF0000', // odcień
                            lightness: 80, //jasność, (-100,100)
                            saturation: 30, // saturacja (-100, 100)
                            weight: 10 //pixels
                        ]
                },
                {
                    featureType: 'administrative', //tutaj wrzucasz typ
                    stylers: [
                        {
                            color: '#0091DA', // kolor
                            gamma: 0.8, // gamma
                            hue: '#FF0000', // odcień
                            lightness: 80, //jasność, (-100,100)
                            saturation: 30, // saturacja (-100, 100)
                            weight: 10 //pixels
                }
            ];

            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.maps.event.addDomListener(window, 'load', initialize);

    </script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>