, показывающий метки маркеров, используя угловую директиву Google maps

Question

Я пытаюсь понять, как сделать маркеры директивными ярлыками, используя угловую директиву Google Maps.

Если посмотреть на this plunkr, который почти совпадает с угловым Ui Google Maps, например, для следующих изменений за исключением:

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

(варианты часть моего единственным дополнение)

вы увидите, что он показывает метки, но все они отображаются как строка «title», в то время как мое намерение состояло в том, чтобы показать фактическое название, которое, очевидно, уникально для каждого маркера d - свойство маркерной модели.

Любая идея, как сделать эту работу?

Answer 1

Атрибут options директивы ui-gmap-markers также может быть названием разделов параметров зависимостей вашего маркера (see section "markers").

Так просто положить ваши варианты

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

в модель маркера под каким-то ключом (обмениваясь labelContent чем-то динамическому конечно) и указать имя этого ключа в атрибуте опций в UI-gmap- маркеров.

См. Измененный plunkr here.