如何在Google Maps API中启用Ctrl +滚轮缩放功能

Question

你好，我正在使用Google Maps API https://angular-maps.com/，我想要在按下ctrl键并滚动鼠标滚轮时才进行缩放。查阅文档后，我找到了以下内容：

gestureHandling 这个设置控制地图上手势的处理方式。允许的值：

'cooperative'（双指触摸手势平移和缩放地图。单指触摸手势不受地图处理。） 'greedy'（所有触摸手势都会平移或缩放地图。） 'none'（用户手势无法平移或缩放地图。） 'auto' [默认]（根据页面是否可滚动，手势处理方式为合作或贪婪。类型：|||

默认值：auto

因此，在我的代码中添加了以下内容：

<agm-map
    [latitude]="lat" 
    [longitude]="lng"
    [zoom]="zoom"
    [gestureHandling]="cooperative"
    [mapTypeControl]="true"
    [mapTypeControlOptions]="mapType"
    >

但它不起作用，没有要求我按Ctrl键缩放。

- Fried Maxi

Answer 1

目前来看，设置 [scrollwheel]="null" 似乎起到了作用。

- Martti Käärik

Answer 2

实际上，这些答案的组合起到了作用。

在我的情况下，我最初的agm-map控件上既没有[scrollWheel]也没有[gestureHandling]。

为了使其按预期工作，必须在API v3.32+中同时设置[scrollWheel]="null"和[gestureHandling]="'cooperative'"。

另外，设置特定的API版本是应对“破坏性”变化的廉价解决方法。始终努力跟上潮流（即使只是在支持结束截止日期前）。

用户n0minal在AGM github上找到了解决方案

- wimpSquad

Answer 3

最初的回答：正如Martti Käärik所说，您可以使用以下方法：

[scrollwheel]="null"

最初的回答

或者

[scrollwheel]="false"

作为agm-map的输入。两者之间的区别在于第一个允许使用CMD+滚动或CTRL+滚动进行缩放，并在页面滚动期间在地图上显示相关信息，而第二个则不显示任何信息，也不允许您使用滚轮或CMD / CTRL + 滚轮缩放，但您可以使用[zoomControl] =“true”提供的按钮来控制地图缩放。

如果您需要有关滚轮和其他输入的参考，请单击此处。

- bertonc96

Answer 4

您可以尝试添加以下内容：

。

[gestureHandling]="'coopeative'" 

- Юра Гайдейчук

---

用户已经展示了他尝试过。这个代码块里就有。 - Blue

@FrankerZ 他设置了“协作”（在这种情况下是对变量进行角度监视），但 gestureHandling 必须获取字符串。" 'cooperative' " = 字符串。 - Юра Гайдейчук

那你应该这样说。这会是一个更好的答案。 - Blue

Answer 5

我在 AGM 聊天中找到了一个解决此问题的答案。

在模块中将您的版本设置为 4，例如：

Set you version to 4 in the Module like :

AgmCoreModule.forRoot({
  apiKey: 'your_key',
  apiVersion: "4"
}),

我自己没有尝试过，但对那个用户有效。你可以试一下，如果不行就回来问。

- Tobias

---

谢谢分享，如何禁用滚动缩放并仅通过Ctrl启用它？因为使用该解决方案时，仍会在滚动时进行缩放。 - RaisoMos

那是协作设置。因此在您的代码中指定它，如下：[gestureHandling] =“cooperative” - Tobias

今天的最新版本为3.32（实验版），将设置为版本4会出现错误。 - Kristjan O.

我已经尝试了3.32、3.33和4，但都没有成功。 - Hugo Passos

Answer 6

我的问题在https://github.com/SebastianM/angular-google-maps/issues/1411得到了解决。

一个解决方案是：

AgmCoreModule.forRoot({
      apiKey: '-bQ',
      apiVersion: '3.31'
    }),

基本上，降级地图 API 可以解决这个问题，但不确定原因。

仍然像之前说的那样，不要忘记添加 [gestureHandling]="'cooperative'"。

- Jimmy Kane

---

唯一一个对我有效的，但地图样式有点丑。 - Hugo Passos