Kręgi mapy Google nie są okrągłe

Question

Próbuję narysować wiele kręgów nad Mapą Google (wiele okręgów na dachu).

Próbowałem klasy Circle i wydaje się być w porządku dla dużych kręgów, ale podczas rysowania małych nie są one okrągłe.

Kod używam idzie tak:

for(var i = 0; i < latitudes.length; i++) 
    var newCircle = new google.maps.Circle({ 
     strokeColor: "#FFFFFF", 
     strokeOpacity: 0, 
     strokeWeight: 1, 
     fillColor: "#FFFFFF", 
     fillOpacity: 1, 
     map: map, 
     center: new google.maps.LatLng(latitudes[i], longitudes[i]), 
     radius: 0.5 
    }); 
    newCircle.setMap(map); 

a wynik jest:

wiem, że istnieją inne sposoby, aby narysować punkty na mapie google, ale ja naprawdę lubię korzystać z rozwiązania Google, jeśli istnieje sposób, aby je rozejrzeć się tak, jak powinny.

Answer 1

Można używać symboli, powinny to być idealne kręgi. Spróbuj tego:

var whiteCircle = { 
    path: google.maps.SymbolPath.CIRCLE, 
    fillOpacity: 1.0, 
    fillColor: "white", 
    strokeOpacity: 1.0, 
    strokeColor: "white", 
    strokeWeight: 1.0, 
    scale: 1.0 
}; 

Następnie

for(var i = 0; i < latitudes.length; i++) { 
    var latLng = new google.maps.LatLng(latitudes[i], longitudes[i]) 
    var newCircle = new google.maps.Marker({ 
     icon: whiteCircle, 
     position: latLng 
    }); 
    newCircle.setMap(map); 
} 

Kręgi mogą być ogromne, więc bawić się ze skalą aby zrobić to dobrze.

Nigdy nie korzystałem z klasy Koło. Symbole zostały wprowadzone w tegorocznym Google I/O. Są to wektory, co oznacza, że ​​możesz zdefiniować swój własny kształt. Oto link, aby uzyskać więcej informacji: googlegeodevelopers.blogspot.com/2012/06/powerful-data-visualization-with.html

Answer 2

Anti-aliasing jest krytyczny.

g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON)

Rozwiązanie Google nie będzie działać na mniejszych kołach.