Açısal Google Haritası için özel stil

Question

Angular UI numaralı haritadan arıyorum ve stili değiştirmek için bir seçenek yönlendirme bulamıyorum. Googles documention, google nesnesiyle çalışan bir örnek verir. Harita için getElementById'yi denedim, ancak bu, ui nesneleriyle ilgili hataların çoğuna yol açıyor.

Benim denetleyicisi vardır:

$scope.map = { center: { latitude: 42.99, longitude: -81.255 }, zoom: 14, bounds: {}}; 

HTML iken:

<div id="map_canvas"> 
    <ui-gmap-google-map id='customMap' center="map.center" zoom="map.zoom" draggable="true" options="options" bounds="map.bounds"> 
     <ui-gmap-markers models="eventMarkers" coords="'self'" idKey="'id'" icon="'icon'" click="'onClick'"> 
      <ui-gmap-windows show="show"> 
       <div ng-non-bindable>{{content}}</div> 
      </ui-gmap-windows> 
     </ui-gmap-markers> 
    </ui-gmap-google-map> 
</div> 

Basit girişimi kapsamına uygun koduyla style ekleyerek de, herhangi bir değişiklik veya herhangi hatalara neden yoktu.

Answer 1

stilleri ekleme sadece bu yüzden gibi kontrolöre eklemek gerçekten basittir: Başka

var styleArray = [ //any style array defined in the google documentation you linked 
    { 
    featureType: "all", 
    stylers: [ 
     { saturation: -80 } 
    ] 
    },{ 
    featureType: "road.arterial", 
    elementType: "geometry", 
    stylers: [ 
     { hue: "#00ffee" }, 
     { saturation: 50 } 
    ] 
    },{ 
    featureType: "poi.business", 
    elementType: "labels", 
    stylers: [ 
     { visibility: "off" } 
    ] 
    } 
]; 
$scope.options = { 
    styles: styleArray 
}; 

Herşey Yukarıdaki koduyla aynı kalabilir.