CODEWITHSUNDEEP
javascriptgoogle-mapsjquery-mobile
selladurai
selladurai

Reputation: 6789

How to add title in marker in google map v2?

Hi all here i'm pointing an array of latlng in google map. I've done marking those latlng but not able to point marker title? so, i put GEvent, i.e addlistener that display only one title.

for (var i = 0; i < g_listOfBusinessDetails.length ;i++) 
    {
        point = new GLatLng(g_listOfBusinessDetails[i].mapLocation.latitude, g_listOfBusinessDetails[i].mapLocation.longitude);
        map.setCenter(point, 2);
        var marker = new GMarker(point);
        map.addOverlay(marker);
        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(g_listOfBusinessDetails[i].name);
        });

    }

Upvotes: 0

Views: 804

Answers (1)

Giles Gardam
Giles Gardam

Reputation: 1402

This is a very common JavaScript problem--you can see a similar question asked here and there's also a nice blog post explaining it. The problem is that the variables marker and i, as well as g_listOfBusinessDetails, which you use inside the function are not bound to the values they had when you called GEvent.addListener. On the click event, the function gets run with whatever values they have at that point in time (so that for example i is presumably g_listOfBusinessDetails.length).

You can bound them as required by calling a factory function that creates the handler function for your marker and title like so:

GEvent.addListener(marker, "click", (function(myMarker, title) {
    return function() {
        myMarker.openInfoWindowHtml(title);
    }
})(marker, g_listOfBusinessDetails[i].name));

Upvotes: 1

Related Questions