Getting marker scope in Angular Google Maps
<p>I have a map built with Angular UI's library for Google Maps (<a href="http://angular-ui.github.io/angular-google-maps/#!/" rel="nofollow">http://angular-ui.github.io/angular-google-maps/#!/</a>)</p>

<p>I need to access the scope of a marker <em>outside</em> of a marker event handler.  Normally, I can access the scope as follows, inside an event handler:</p>

<pre><code>vm.markerEvents = {
    click: function (marker, eventName, scope) {
        console.log(scope);  // can access the marker scope
    }
};

&lt;ui-gmap-google-map ...&gt;
    &lt;ui-gmap-markers events="vm.markerEvents" ....&gt;&lt;/ui-gmap-markers&gt;
&lt;/ui-gmap-google-map&gt;
</code></pre>

<p>I would like to be able to modify properties on the scope of a marker (notably <code>labelClass</code>) <em>outside</em> of the event handler shown above.</p>

<p>I can get the Marker objects using the Markers controller, but the scope is not available with this method:</p>

<pre><code>var markers = vm.markersControl.getGMarkers();
console.log(markers);

markers[0].property = 'newValue'; // does not propagate to map
markers[0].scope.property = 'newValue' // what I'm looking for (does not exist)
</code></pre>

<p>Changing properties on the marker object itself does not propagate to the map, which is why I need to change them on the scope.</p>

<p>Any input is appreciated.</p>