How to make a Google Maps brand a simple URL?

Question

I’m looking for a way to make the Google Map brand a simple link ( <a href=""> ).

I don't want to reproduce the link behavior with Javascript (e.g. location.href ), because I want the user to be able to open the link in a new tab or window (using middle click, for example).

Is there any way to do this?

Answer 1

There is a workaround for this problem.

• Wrap your google map div with href = "#"
• Set the mouseouver and mouseout events of the markers to update the href link (mouseover sets the link to the page corresponding to the marker, mouseout will return it to "#").

Thus, the average click / ctrl click / normal left mouse button has all the desired classic behavior , and the overhead is very limited.

This solution works for a full-screen map, because after "#" href there will be no effect. If you want this solution to work on a page that is larger than the height of one screen is high , you should also add a click event listener to block the event distribution when href is set to "#".

Answer 2

Interesting idea. The only solution that comes to my mind is to use jquery to wrap each marker element in <a href="..." /> :

 $(something).wrap('<a href="..." />'); 

The problem is how to find all the markers, i.e. so that this expression is "something."

Answer 3

Since clicking on the marker is a javascript event, you can only use the location.href / window.open functions.

If you want to use standard html links, then your best option is to open the info window when the user clicks on the marker and has the content infowindow as an html link.