angular - 手势处理 AgmMap 不起作用

问题描述

我目前正在使用来自https://angular-maps.com/的 AGM 地图，并且我想在滚动时禁用缩放功能。即使在放置了gestureHandling = "'cooperative'" 之后，它仍然保持不变。是否有任何因素可能是它不接受我的输入的原因？

.map-container {
    margin-top: 56px;
    margin-left: 0;
    padding: 0;
    -ms-overflow-x: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    overflow: hidden;
}

.main-container {
    margin-top: 56px;
    margin-left: 235px;
    padding: 15px;
    -ms-overflow-x: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    overflow: hidden;
}
agm-map{
    height: 100vh;
    width: 100vw;
     margin-left: 0;
     padding: 0;
     -ms-overflow-x: hidden;
     overflow-x: hidden;
     overflow-y: scroll;
     position: relative;
     overflow: hidden;

}
@media screen and (max-width: 992px) {
    .main-container {
        margin-left: 0px !important;
    }
}

<div [@routerTransition] class="map-container">
<agm-map [latitude]="lat" [longitude]="lng" [zoom]='12' [gestureHandling]="'cooperative'">
    <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>

</div>

标签： angulargoogle-mapstypescript

angular - 手势处理 AgmMap 不起作用

问题描述

解决方案

推荐阅读