Google Maps, open info window after click on a link

Question

i have this code to display a google map:

Answer 1

As in my example.

1. add a global array to save references to the google.maps.Marker objects:

   var gmarkers = [];
   

2. push the markers onto that array as you create them

   gmarkers.push(marker);
   

3. trigger the "click" event on the desired marker:

   <a href="javascript:google.maps.event.trigger(gmarkers[0],'click');">Open Info Window</a>
   

jsfiddle

Answer 2

What that example does is it creates an array where it stores the markers. So when the markers are created, they get pushed to that markers array. When you click on the link you send an index with the function that is a reference to the marker in the array.

So JavaScript looks like this:

var markers = [];
// The array where to store the markers

function initialize() {

        var mapOptions = {
            zoom: 10,
            center: new google.maps.LatLng(40.714364, -74.005972),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(document.getElementById("googlemap"), mapOptions);


        var locations = [
            ['New York', 40.714364, -74.005972, 'http://www.google.com/intl/en_us/mapfiles/ms/micons/green-dot.png']
        ];


        var marker, i;
        var infowindow = new google.maps.InfoWindow();


        google.maps.event.addListener(map, 'click', function() {
            infowindow.close();
        });


        for (i = 0; i < locations.length; i++) {
            marker = new google.maps.Marker({
                position: new google.maps.LatLng(locations[i][1], locations[i][2]),
                map: map,
                icon: locations[i][3]
            });

            google.maps.event.addListener(marker, 'click', (function(marker, i) {
                return function() {
                    infowindow.setContent(locations[i][0]);
                    infowindow.open(map, marker);
                }
            })(marker, i));

            // Push the marker to the 'markers' array
            markers.push(marker);
        }

    }
    google.maps.event.addDomListener(window, 'load', initialize);

    // The function to trigger the marker click, 'id' is the reference index to the 'markers' array.
    function myClick(id){
        google.maps.event.trigger(markers[id], 'click');
    }

And in your HTML a tag you add the myClick function like this:

<a href="#" onclick="myClick(0);">Open Info Window</a>

Example: http://jsfiddle.net/fJ4jG/9/

Answer 3

use this code i already tried it

google.maps.event.addListener(marker, 'click', function() {

                   infoWindow.setContent(locations[i][0]);
                   infoWindow.open(map, marker);


      });