Angular проблема взаимодействия с Google Maps API

Question

Я использую angular API Google Maps для отображения людей в виде точек на карте. У меня есть 2 связанные страницы, которые используют один и тот же код для взаимодействия с картой. Взаимодействие работает на странице 1, но не на второй странице. Я не уверен, как это исправить, так как код одинаков на обеих страницах.

<select class="form-control" ng-model="selected_territory" style="width:50%;"
                ng-options="territory as territory.name for territory in main_map | filter: {area_id:selected_area.area_id}" id="" style="margin-bottom: 10px;"></select>
        </div>
        <div id="map" style="width:100%;height:80%">
            <ui-gmap-google-map id="my-map" center="map.center" zoom="map.zoom" bounds="map.bounds">
                <ui-gmap-markers models="mapping" coords="'location'" idKey="'id'" click="select_kol"
                                 options="kol_marker_options">
                    <ui-gmap-windows show="show" options="infoWindowOptions">
                        <div ng-non-bindable>

Пока это мой код.

Также на отдельной заметке мне нужно добавить панель поиска для динамического поиска имен людей, отображаемых на столе. Также будет полезна любая помощь, чтобы сделать то же самое.

Входные значения таблицы считываются из файла JSON с использованием js и фильтруются с использованием выбранной территории.