Изменить Google Maps ui-gmap-маркеры

Question

Как мы можем изменить значок маркера в HTML?Код директивы и HTML-код, как показано ниже.

        vm.events = [];
        vm.map = {
            center : {
                latitude: vm.location.latitude,
                longitude: vm.location.longitude,
            },
            options: {
              icon: "https://s3.amazonaws.com/cidewalk-cdn/img/person.png"
            }
        }
        vm.icon = "https://s3.amazonaws.com/cidewalk-cdn/img/person.png";

Код HTML ниже.Я пытался сопоставить его с vm.icon и vm.map.options.icon, но не сработало

         <div class="col-md-8 col-sm-12 hidden-sm hidden-xs live-feed-map">
            <div class="panel panel-default">
                <div class="panel-body">
                    <ui-gmap-google-map center="vm.map.center" zoom="10" style="height: 400px">
                        <ui-gmap-markers coords="'self'" icon="vm.map.options.icon" models="vm.events"></ui-gmap-markers>
                    </ui-gmap-google-map>
                </div>
            </div>
        </div>