触摸事件不适用于Angular中的Google Maps

布赖恩

我在有角度的应用程序中使用Google Maps javascript API。当使用鼠标在普通台式机上的Google Chrome浏览器中使用该应用程序时,各种导航功能(平移/缩放)可以在该应用程序的Google Maps部分正常工作。但是,当我尝试在Windows 8.1屏幕上使用触摸手势时,地图无法识别任何平移或缩放手势。如果我捏变焦,什么也不会发生。如果我像鼠标一样在屏幕上双击,则地图将放大。如果我用手指拖动,浏览器窗口将处理触摸事件,而不是地图div,因此左右导航页面历史记录以及上下拖动滚动条整个页面,而不是平移地图。

作为另一个实验,我尝试在Chrome内使用Google地图http://maps.google.com本身,并且工作正常。因此,这意味着可以通过某种方式完成...。

那么,它是视口元标记类型的东西吗?还是与地图元素的大小有关?还是这是一件棱角分明的事情,我们需要以某种方式使用ngTouch来使应用程序响应触摸事件吗?

更新:触摸事件确实在iPad的同一页面上起作用。我不确定该说什么,但令人鼓舞的是至少它可以在移动Safari中使用。似乎我们需要与Angular进行交流,以使其接受触摸事件。

更新

该问题已在错误中处理

https://issuetracker.google.com/issues/35824421

并于2016年12月在3.27版的Google Maps JavaScript API中解决。

加布里埃尔·格伦

实际上,这是一个Google Map错误#6425

有趣的事实是Google Map API不会根据用户代理提供相同的内容。因此,对于某些用例,解决方法是通过以下方式欺骗用户代理ether:

  • Chrome开发者工具>仿真>模型
  • 用户代理欺骗扩展
  • --user-agent chrome标志

任何Android或iOS设备都可以使用,将默认的桌面Google Map应用更改为类似移动设备的应用。拖动和捏合将再次在此移动设备一样的应用程序上运行。

经过一些测试,切换到类似移动应用程序的最小UA是“ Chrome”或“ AppleWebKit / 537”,但是使用它听起来很危险,因为将来可能会发生很大变化。

对我来说,基于铬的kioks,可以解决问题,直到修复了错误。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular Universal不适用于Angular Google Maps

来自分类Dev

Google Maps API RadarSearch不适用于伦敦

来自分类Dev

延迟属性不适用于Google Maps API?

来自分类Dev

Google Maps信息窗口不适用于标记单击

来自分类Dev

angular-google-maps不适用于不是text / ng-template的templateUrl

来自分类Dev

Slick.js不适用于Google Maps API中的infoBox.js

来自分类Dev

Slick.js不适用于Google Maps API中的infoBox.js

来自分类Dev

Google Maps适用于Android Release APK,但不适用于AAB

来自分类Dev

适用于iOS的Google Maps SDK中的热图

来自分类Dev

html2canvas不适用于Google Maps Pan

来自分类Dev

Google Maps Driving Mode URL方案不适用于Android

来自分类Dev

Android SHA1版本密钥库不适用于Google Maps

来自分类Dev

AngularJS $ location不适用于google.maps.event侦听器

来自分类Dev

Google Maps API密钥不适用于所有环境

来自分类Dev

Google Maps API GeoJSON不适用于IE 11,但可在Chrome中使用

来自分类Dev

Google Maps停留在左上角-桌面解决方案不适用于移动设计

来自分类Dev

在适用于本机iOS / Swift的Google Maps SDK中获取位置标记

来自分类Dev

适用于Android棉花糖的Google Maps API中的getMyLocation()错误

来自分类Dev

适用于企业的Google Maps Mobile SDK与Google Maps Android API

来自分类Dev

Google Maps API v3导航(例如适用于Android的Google Maps)

来自分类Dev

适用于企业的Google Maps Mobile SDK与Google Maps Android API

来自分类Dev

Google Maps iOS SDK触摸事件

来自分类Dev

Apple Maps的Google Maps自动完成功能是否适用于Objective C?

来自分类Dev

Google Maps事件

来自分类Dev

警告:适用于iOS的Google Maps SDK的新版本-如何更新?

来自分类Dev

适用于Android的Google Maps API 2“很遗憾,应用程序已停止。”

来自分类Dev

点击“ myLocation”按钮时触发(适用于iOS的Google Maps SDK)

来自分类Dev

适用于本地主机的Google Maps v3 API无法正常工作

来自分类Dev

使用适用于iOS的Google Maps SDK(版本1.9.0)提交我的应用时出现警告

Related 相关文章

  1. 1

    Angular Universal不适用于Angular Google Maps

  2. 2

    Google Maps API RadarSearch不适用于伦敦

  3. 3

    延迟属性不适用于Google Maps API?

  4. 4

    Google Maps信息窗口不适用于标记单击

  5. 5

    angular-google-maps不适用于不是text / ng-template的templateUrl

  6. 6

    Slick.js不适用于Google Maps API中的infoBox.js

  7. 7

    Slick.js不适用于Google Maps API中的infoBox.js

  8. 8

    Google Maps适用于Android Release APK,但不适用于AAB

  9. 9

    适用于iOS的Google Maps SDK中的热图

  10. 10

    html2canvas不适用于Google Maps Pan

  11. 11

    Google Maps Driving Mode URL方案不适用于Android

  12. 12

    Android SHA1版本密钥库不适用于Google Maps

  13. 13

    AngularJS $ location不适用于google.maps.event侦听器

  14. 14

    Google Maps API密钥不适用于所有环境

  15. 15

    Google Maps API GeoJSON不适用于IE 11,但可在Chrome中使用

  16. 16

    Google Maps停留在左上角-桌面解决方案不适用于移动设计

  17. 17

    在适用于本机iOS / Swift的Google Maps SDK中获取位置标记

  18. 18

    适用于Android棉花糖的Google Maps API中的getMyLocation()错误

  19. 19

    适用于企业的Google Maps Mobile SDK与Google Maps Android API

  20. 20

    Google Maps API v3导航(例如适用于Android的Google Maps)

  21. 21

    适用于企业的Google Maps Mobile SDK与Google Maps Android API

  22. 22

    Google Maps iOS SDK触摸事件

  23. 23

    Apple Maps的Google Maps自动完成功能是否适用于Objective C?

  24. 24

    Google Maps事件

  25. 25

    警告:适用于iOS的Google Maps SDK的新版本-如何更新?

  26. 26

    适用于Android的Google Maps API 2“很遗憾,应用程序已停止。”

  27. 27

    点击“ myLocation”按钮时触发(适用于iOS的Google Maps SDK)

  28. 28

    适用于本地主机的Google Maps v3 API无法正常工作

  29. 29

    使用适用于iOS的Google Maps SDK(版本1.9.0)提交我的应用时出现警告

热门标签

归档