In Google Maps API JavaScript, when using the Circles object it overlaps my Fusion Tables Layer making it impossible to click on the markers and open the infoWindow and etc of each marker.
I've tried calling the circle before calling the fusion tables, without success. I also tried putting ZIndex on the markers and it continued the same thing ..
NOTE: When I use a normal marker without the layer, the marker stays above the circle and works normal .. only the layer that is below the circle. Here is a print of the screen demonstrating the overlap of the circle relative to the marker of the layer:
Andhere'sapieceofcodeshowingthecalls:
circle = new google.maps.Circle({
strokeColor: '#0000ff',
strokeOpacity: 0.4,
strokeWeight: 1,
fillColor: '#0000ff',
fillOpacity: 0.07,
map: map,
center: myLocation,
radius: radius
});
//camada do fusion table
layer = new google.maps.FusionTablesLayer({
query: {
select: '\'Location\'',
from: tableId,
styles: [{
markerOptions: {
iconName: "ylw_stars",
zIndex:999
}
}
],
map: map
});