1 google-maps typescript angular
我目前正在使用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;
}
}Run Code Online (Sandbox Code Playgroud)
<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>Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
1580 次 |
| 最近记录: |