Question

I have a Google Map with some overlays, and when the zoom is higher than a value (say 17), the overlays completely cover the map.

I would like to prevent the map tiles from loading beyond that zoom level, as it is behind an overlay and it causes unnecessary data transfer. Is it possible?

EDIT:

I need something like:

google.maps.event.addListener(map, 'zoom_changed', function() { 
    if(map.getZoom()>=zoomToHideMap)
        stopLoadingTiles();
    else
        startLoadingTiles();
}); 

Thank you

Answer 1

My solution was changing the Map Type to null on the onzoomchanged event.

google.maps.event.addListener(map, 'onzoomchanged', function() {
    if(closeEnough)
        map.setMapTypeId(null)
    else
        map.setMapTypeId(google.maps.MapTypeId.SATELLITE)
})

As the overlay covered the map completely, I used it as a base layer instead of an overlay for a certain level of zoom on.