Famo us Surface内的谷歌地图不可在手机上拖动

Google Maps inside Famo-us Surface not draggable on mobile

本文关键字：手机 拖动 谷歌地图 us Surface Famo      更新时间：2023-09-26

我在一个著名的角度表面内运行角度谷歌地图，如下所示：

<fa-app ng-controller="main.common.hello as ctrl">
    <fa-modifier>
        <fa-surface fa-size="[undefined, undefined]">
            <ui-gmap-google-map center="ctrl.map.center" zoom="ctrl.map.zoom" draggable="true" options="ctrl.options"></ui-gmap-google-map>
        </fa-surface>
    </fa-modifier>
</fa-app>

地图可以在浏览器上平移和缩放，但当在iPhone上打开时，地图对触摸事件没有响应。关于如何解决这个问题有什么想法吗？

确保在初始化引擎后，还将引擎的appMode选项设置为false：

var Engine = require('famous/core/Engine');
Engine.setOptions({
    appMode:false
});

默认情况下，Famo.us假设您除了视图之外，没有将浏览器用于其他任何内容。

尝试以下操作：https://github.com/IjzerenHein/famous-map

著名地图Famo.us的地图组件，支持以下地图提供商：

谷歌地图传单.js（OpenStreetMap）著名贴图可以将贴图组件添加到famo.us渲染树中。此外，著名的过渡可以用于平移贴图，修改器可以用于将可渲染对象的位置与地理位置同步。

相关文章：