Add link to external website in google maps marker

Greetings to sitepoint community!

I have customised google maps in my website, and now I’d like to add a link within the map’s marker, when a user click it, it takes the user to another web page, may you please help me out?
As you can see, I added a link but it isn’t working.

here is the Code:

window.onload=function initMap() {
    var c=new google.maps.LatLng(21.56911, 39.163324);
    var b= {
        zoom: 14, center: c, mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true, styles: d, scrollwheel: false
    }
    ;
    map=new google.maps.Map(document.getElementById("map"), b);
    var a=new google.maps.Marker( {
		position: c, 
		map: map, 
		url: 'http://urbanphenomena.net/',
		title: "Click to open google maps", 
    }
    );
    var d=[ {
        "featureType":"all",
        "elementType":"labels.text.fill",
        "stylers":[ {
            "saturation": 36
        }
        ,
        {
            "color": "#000000"
        }
        ,
        {
            "lightness": 40
        }
        ]
    }
    ,
    {
        "featureType":"all",
        "elementType":"labels.text.stroke",
        "stylers":[ {
            "visibility": "on"
        }
        ,
        {
            "color": "#000000"
        }
        ,
        {
            "lightness": 16
        }
        ]
    }
    ,
    {
        "featureType":"all",
        "elementType":"labels.icon",
        "stylers":[ {
            "visibility": "off"
        }
        ]
    }
    ,
    {
        "featureType":"administrative",
        "elementType":"geometry.fill",
        "stylers":[ {
            "color": "#000000"
        }
        ,
        {
            "lightness": 20
        }
        ]
    }
    ,
    {
        "featureType":"administrative",
        "elementType":"geometry.stroke",
        "stylers":[ {
            "color": "#000000"
        }
        ,
        {
            "lightness": 17
        }
        ,
        {
            "weight": 1.2
        }
        ]
    }
    ,
    {
        "featureType":"landscape",
        "elementType":"geometry",
        "stylers":[ {
            "color": "#000000"
        }
        ,
        {
            "lightness": 20
        }
        ]
    }
    ,
    {
        "featureType":"poi",
        "elementType":"geometry",
        "stylers":[ {
            "color": "#000000"
        }
        ,
        {
            "lightness": 21
        }
        ]
    }
    ,
    {
        "featureType":"road.highway",
        "elementType":"geometry.fill",
        "stylers":[ {
            "color": "#000000"
        }
        ,
        {
            "lightness": 17
        }
        ]
    }
    ,
    {
        "featureType":"road.highway",
        "elementType":"geometry.stroke",
        "stylers":[ {
            "color": "#000000"
        }
        ,
        {
            "lightness": 29
        }
        ,
        {
            "weight": 0.2
        }
        ]
    }
    ,
    {
        "featureType":"road.arterial",
        "elementType":"geometry",
        "stylers":[ {
            "color": "#000000"
        }
        ,
        {
            "lightness": 18
        }
        ]
    }
    ,
    {
        "featureType":"road.local",
        "elementType":"geometry",
        "stylers":[ {
            "color": "#000000"
        }
        ,
        {
            "lightness": 16
        }
        ]
    }
    ,
    {
        "featureType":"transit",
        "elementType":"geometry",
        "stylers":[ {
            "color": "#000000"
        }
        ,
        {
            "lightness": 19
        }
        ]
    }
    ,
    {
        "featureType":"water",
        "elementType":"geometry",
        "stylers":[ {
            "color": "#000000"
        }
        ,
        {
            "lightness": 17
        }
        ]
    }
    ];
    map.setOptions( {
        styles: d
    }
    )
}
;

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.