Google Maps v3 adición de una ventana de información a un círculo

Question

¿Hay una manera de añadir un infoWindow a un círculo creado por google.maps.Circle

algo como esto

var circ = new google.maps.Circle({ 
      center:latlng, 
      clickable:false, 
      fillColor:colors[count], 
      fillOpacity:0.3, 
      map:map, 
      radius:radius, 
      strokeColor:colors[count], 
      strokeOpacity:0.3}); 

y

//create info window 
var infoWindow= new google.maps.InfoWindow({ 
    content: "Your info here" 
    }); 

//add a click event to the circle 
google.maps.event.addListener(circ, 'click', function(){ 
//call the infoWindow 
infoWindow.open(map, circ); 
}); 

o alternativamente, hay una manera de crear un marcador invisible en el centro del círculo que se puede hacer clic para acceder a una ventana de información

Answer 1

puede tener una ventana de información para la superposición de su círculo. Pero tienes que ajustar ligeramente tu código.

En primer lugar, es necesario establecer clickable=true para su superposición circular (de lo contrario, los eventos del círculo no se procesan).

Luego tiene que cambiar el código del oyente de clic. Poner el círculo como un parámetro para la función abrir() no tiene ningún efecto (el círculo no es el tipo correcto de MVCObject, para la explicación lee la documentación de la función InfoWindow .open()). Para mostrar la ventana de información, debe indicar su posición, p. Ej. posición del evento clic, centro del círculo, ....

El código es entonces

google.maps.event.addListener(circ, 'click', function(ev){ 
    infoWindow.setPosition(ev.latLng); 
    infoWindow.open(map); 
}); 

o

google.maps.event.addListener(circ, 'click', function(ev){ 
    infoWindow.setPosition(circ.getCenter()); 
    infoWindow.open(map); 
}); 

respuesta a tu comentario: Se puede crear una truco con un marcador invisible (simplemente coloque una imagen totalmente transparente como el icono del marcador), pero preferiría la solución con la superposición de Círculo.

Answer 2

para ajustar la ventana de información en donde ratón hace clic

google.maps.event.addListener(circ, 'click', function(ev){ 
    infoWindow.setPosition(ev.latLng); //<-- ev matches what you put^(mouse event) 
    infoWindow.open(map); 
});