Maps widget customizations

Maps widget triggers ipWidgetMapInit event on initializtion. At that time you can do cutomizations on gmaps map and marker objects. See example bellow. It makes your map grayscale. Add this JavaScript code to a separate file and add it using ipAddJs function.

$('.ipWidget-Map').on('ipWidgetMapInit', function(e, variables) {
    var styles = [
        {
            stylers: [
                { hue: "#ff0000" },
                { saturation: -100 }
            ]
        },{
            featureType: "road",
            elementType: "geometry",
            stylers: [
                { lightness: 100 },
                { visibility: "simplified" }
            ]
        },{
            featureType: "road",
            elementType: "labels",
            stylers: [
                { visibility: "off" }
            ]
        }
    ];

    variables.map.setOptions({styles: styles});

    //do any additional modifications to variables.marker
});