कोणीय Google मानचित्र के लिए कस्टम शैली

Question

मैं Angular UI मानचित्र का उपयोग कर रहा हूं और शैली को बदलने के विकल्प के लिए निर्देश नहीं मिल रहा है। Googles documention Google ऑब्जेक्ट के साथ काम करने वाला एक उदाहरण देता है। मैंने मानचित्र के लिए getElementById की कोशिश की, हालांकि यह यूई ऑब्जेक्ट्स के साथ त्रुटियों की अधिकता का कारण बनता है।

मेरे नियंत्रक है:

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

जबकि HTML है:

<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> 

सरल प्रयास गुंजाइश के लिए उचित कोड के साथ style जोड़ने पर, कुछ भी बदलने नहीं था, या किसी भी त्रुटि के कारण।

Answer 1

शैलियों जोड़ा जा रहा है सिर्फ इसलिए की तरह अपने नियंत्रक से उन्हें जोड़ने वास्तव में सरल है:

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 
}; 

बाकी सब कुछ ऊपर अपने कोड के रूप में ही रह सकते हैं।