Масштаб прокрутки не работает при наложении содержимого в OpenStreetmap

Question

Я реализовал карту, используя OpenLayers и OpenStreetMap. На карте у меня есть несколько маркеров, которые содержат HTML-код с наложением и содержимым.

Проблема в том, что если я хочу увеличить масштаб с помощью "прокрутки с увеличением" и навести курсор на маркер, то увеличение невозможно. Возможно ли такое поведение реализовать?

<aol-layer-vector>
<aol-source-vector #sourceVector>
    <aol-feature *ngFor="let data of renderData" [id]="data.id">
        <aol-overlay>
            <aol-coordinate [x]="data.longitude" [y]="data.latitude" [srid]="'EPSG:4326'">
            </aol-coordinate>
            <aol-content>
                <div class="my-marker-main-wrapper" style="cursor: pointer; position: absolute" (click)="showDetails(data)">
                    <div class="markerWrapper">
                        <div class="types">
                            <span class="icon-stack">
                                <i class="icon icon-tower"></i>
                                <i class="icon icon-arrow"></i>
                            </span>
                        </div>
                        <h2>{{data.unitName}}</h2>
                    </div>
                </div>
            </aol-content>
        </aol-overlay>
    </aol-feature>
<aol-source-vector>

Большое спасибо заранее:-)