How to work with google maps?

Question

This is kind of a newebie question, I'm trying to add information to my markers, how do I add a balloon with information to this code

map.addOverlay(new GMarker(new GLatLng(-34.8779420,-58.5514125)));

On the other hand I have a second question, when I add the balloon for what I read I'm adding a second point but this point is clickable?

Answer 1

EDIT: This answer is for the GMaps V3 -- which you should use if you are starting a new project - but your question implies GMaps V2.

Have you looked here: http://code.google.com/apis/maps/documentation/javascript/overlays.html#InfoWindows

And viewed the source here:
http://code.google.com/apis/maps/documentation/javascript/examples/infowindow-simple.html

This is the link that adds the infowindow / bubble:

var infowindow = new google.maps.InfoWindow({content: contentString});

Answer 2

You need to call GMarker openInfoWindowHtml to open an info window anchored to the marker object. You call this method from an event handler that you add to the click event on the GMarker object:

GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml("<h1>test</h1><p>test marker content</p>");
    });

Here is an example of adding multiple markers and opening info windows for each one (source).

You second question:

You can arbitrarily add markers to your google map and then add event listeners for those markers. So, yes, your second marker can be clickable.

N.B. You are using the version two API in your example. Recently version three of the API was moved up to production status and is recommended for new sites.

Here is an example of creating an info window and opening it for a marker in version three of the API:

var infowindow = new google.maps.InfoWindow({content: "blah"});

var marker = new google.maps.Marker({
        position: point,
        map: map,
        });

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

Answer 3

In answer to your first question try something like this.

var map = new GMap2(document.getElementById("map"));
var gmarkers = [];

map.addOverlay(createMarker(new GLatLng(-34.8779420,-58.5514125), "Marker1"));

function createMarker(point, name)
{
var marker = new GMarker(point);

if(name!="UserMarker")
    gmarkers.push(marker);  

GEvent.addListener(marker, 'click', function() {
var HTML_CODE= "<p>Hello</p>";
marker.openInfoWindowHtml(HTML_CODE);
});

return marker;  

}

I don't understand what you want from your second question.