/ / zobrazovanie štítkov značiek pomocou smernice o uhlových google mapách - angularjs, label, google-maps-markers

zobrazovanie značky štítkov pomocou uhlovej smernice google maps - angularjs, label, google-maps-markers

Snažím sa pochopiť, ako prinútiť smernicu o značkách, aby zobrazovala štítky pomocou smernice o mapových používateľských rozhraniach s uhlovými používateľskými rozhraniami.

Ak sa pozriete na tento robotník čo je takmer totožné s príkladom uhlových ui google máp, s výnimkou nasledovných zmien:

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

(časť možností je môj jediný dodatok)

uvidíte, že to ukazuje štítky, ale onivšetky sa zobrazujú ako reťazec „title“, zatiaľ čo mojím zámerom bolo ukázať skutočný názov, ktorý je očividne jedinečný pre každú značku a je vlastnosťou modelu značky.

Máte predstavu, ako to urobiť?

odpovede:

12 pre odpoveď č. 1

Atribút options direktívy ui-gmap-markers môže byť tiež názov sekcií možností závislých od značky (pozri časť „Značky“).

Takže len dajte svoje možnosti

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

do svojho značkovacieho modelu pod nejakým kľúčom (samozrejme, že si menič labelContent vymeníte niečo dynamicky) a uveďte názov tohto kľúča v atribúte options smernice ui-gmap-markers.

Pozrite si svoj upravený plunkr tu.