Niestandardowe warstwy Map Google za pośrednictwem interfejsu API?

Question

ten dotyczy Google Maps API v3:

Podczas rysowania różnych Polylines, Polygons, MapLabels lub którykolwiek z pozostałych elementów nakładek w zwyczaju mapa Google, rysuje je na mapPane. Czy można w jakiś sposób utworzyć wiele niestandardowych warstw, na których można narysować obiekty nakładki, a następnie łatwo włączyć/wyłączyć (pokazać/ukryć) te warstwy?

widzę dokumentację o warstwach tutaj: https://developers.google.com/maps/documentation/javascript/layers

ale nic o niestandardowych warstw.

Answer 1

Można tworzyć niestandardowe OverlayView to zrobić:

var LayerOverlay = function() { 
    this.overlays = []; 
} 
LayerOverlay.prototype = new google.maps.OverlayView(); 
LayerOverlay.prototype.addOverlay = function (overlay) { 
    this.overlays.push(overlay); 
}; 
LayerOverlay.prototype.updateOverlays = function() { 
    for (var i = 0; i < this.overlays.length; i++) { 
    this.overlays[i].setMap(this.getMap()); 
    } 
}; 
LayerOverlay.prototype.draw = function() {}; 
LayerOverlay.prototype.onAdd = LayerOverlay.prototype.updateOverlays; 
LayerOverlay.prototype.onRemove = LayerOverlay.prototype.updateOverlays; 

Następnie po dodaniu nakładek do LayerOverlay można pokazać lub ukryć je tylko z jednym setMap:

var layer1 = new LayerOverlay(); 
layer1.addOverlay(createMarker()); 
layer1.addOverlay(createMarker()); 
layer1.addOverlay(createMarker()); 

// hide all markers 
layer1.setMap(null); 

// show all markers 
layer1.setMap(map);