Google Maps v3 dodanie okna informacyjnego do kręgu

Question

Czy istnieje sposób, aby dodać infoWindow do kręgu utworzonego przez google.maps.Circle

coś takiego

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}); 

i

//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); 
}); 

lub alternatywnie czy istnieje sposób na utworzenie niewidocznego znacznika w środku okręgu, który można kliknąć, aby uzyskać dostęp do informacjiWindow

Answer 1

możesz mieć okno informacyjne dla nakładki koła. Ale musisz nieznacznie dostosować swój kod.

Najpierw należy ustawić clickable=true dla nakładki Koło (w przeciwnym razie zdarzenia w kręgu nie zostaną przetworzone).

Następnie należy zmienić kod odbiornika kliknięć. Umieszczenie koła jako parametru funkcji open() nie ma żadnego efektu (Circle nie jest właściwym rodzajem MVCObject, dla wyjaśnienia przeczytaj dokumentację funkcji.open()). Aby wyświetlić okno informacyjne, musisz podać jego pozycję - np. Stanowisko zdarzenia click, środek okręgu, ....

Kod jest następnie

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

lub

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

odpowiedzi na Twój komentarz: Można utworzyć sztuczka z niewidzialnym znacznikiem (po prostu umieść w pełni przezroczysty obraz jako ikonę znacznika), ale wolałbym rozwiązanie z nakładką kółka.

Answer 2

ustawić okna informacyjnego w którym mysz kliknięciu

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