Link marker to url Google Maps

api, google-maps, google-maps-api-3, javascript

Solution

You need to add a google maps click `event` to the marker:

google.maps.event.addListener(marker, 'click', function () {
  window.location.href = 'http://www.google.com';
});

Do this immediately after defining `marker`.

Problem

Simple question: Im trying to link my marker to an external url on a Google Map (API v3). Can just use http://www.google.com as the link for now. Javascript: ``` <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> <script> function initialize() { var myLatlng = new google.maps.LatLng(-30.021664, 30.901578); var mapOptions = { zoom: 15, center: myLatlng, scrollwheel: false, disableDefaultUI: true } var map = new google.maps.Map(document.getElementById('ContactMap'), mapOptions); var image = '/Assets/Images/Icons/MapMarker.png'; var marker = new google.maps.Marker({ position: myLatlng, map: map, animation: google.maps.Animation.DROP, icon: image, title: 'Perspex' }); } google.maps.event.addDomListener(window, 'load', initialize); </script> ```

Original source

Related problems