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
}
)
}
;