To add Styled Maps to your interface, you can add the Google Styled maps markup to your Interface Footer settings found under Advanced. This is only a sample of using Google Styled Maps with your Interface. Full details of using the Styled Map feature of Google Maps is available here.  This information regarding custom programming related to  Google Styled Maps is provided as-is, and is beyond our Scope of Support.

Be sure to switch your Map Settings > Map Vendor to Google Maps.  MapBox (Leaflet) also allows the use of custom pre-sets as found under Style & Color, Leaflet Map Style:
 

Copy-and-paste examples of the styles array declared below can be browsed at http://snazzymaps.com/

<script type="text/javascript">
    jqLocator(document).ready(function() {

        google.maps.event.addListenerOnce(map, 'idle', function() {

            var styles = [{
                stylers: [{
                    hue: "#00ffe6"
                }, {
                    saturation: -20
                }]
            }, {
                featureType: "road",
                elementType: "geometry",
                stylers: [{
                    lightness: 100
                }, {
                    visibility: "simplified"
                }]
            }, {
                featureType: "road",
                elementType: "labels",
                stylers: [{
                    visibility: "off"
                }]
            }];

            map.setOptions({
                styles: styles
            });

        });
    });
</script>

The results can be quite dramatic
 

Did this answer your question?