zeigt Marker-Labels mit eckigen Google Maps-Direktive

Question

Ich versuche zu verstehen, wie die Markers-Direktive Etiketten mit eckigen UI Google Maps Direktive zeigen.

Wenn man sich this plunkr suchen, die fast identisch mit dem Winkel ui Google ist abbildet Beispiel, mit Ausnahme der folgenden Änderung:

 <ui-gmap-markers models="randomMarkers" coords="'self'" icon="'icon'" 
 
     options="{labelClass:'marker_labels',labelAnchor:'12 60',labelContent:'title'}" 
 
     > 
 
     </ui-gmap-markers>

(die Optionen Teil meine alleinige Zugabe ist)

Sie werden sehen, dass es Etiketten zeigt, aber sie alle erscheinen als die Zeichenfolge "Titel", während meine Absicht war, den tatsächlichen Titel zu zeigen, der offensichtlich eindeutig ist pro Marker ein d ist eine Eigenschaft des Markermodells.

Haben Sie eine Idee, wie das funktioniert?

Answer 1

Das Optionsattribut der Anweisung ui-gmap-markers kann auch der Name Ihrer markerabhängigen Optionsabschnitte sein (see section "markers").

So einfach Ihre Optionen setzen

{labelClass:'marker_labels',labelAnchor:'12 60',labelContent:'title'} 

in der Marker-Modell unter einem Schlüssel (das labelContent durch etwas dynamischer natürlich den Austausch) und den Namen dieser Schlüssel in dem Optionen-Attribute des bietet ui-gmap- Markierungsrichtlinie.

Bitte sehen Sie Ihre modifizierte Plunkr here.