Карты Google внутри Famo-us Surface не перетаскиваются на мобильные устройства

Я запускаю angular-google-maps внутри известной угловой поверхности следующим образом:

<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 карта не реагирует на сенсорные события. Любые идеи о том, как это исправить?

Источник

2 ответа

Убедитесь, что после инициализации вашего Engine вы также установите для параметра appMode в Engine значение false:

var Engine = require('famous/core/Engine');

Engine.setOptions({
    appMode:false
});

По умолчанию Famo.us предполагает, что вы не используете браузер ни для чего другого, кроме представления.

Источник

Попробуйте с этим: https://github.com/IjzerenHein/famous-map

компонент Map-map для Famo.us, поддерживающий следующих поставщиков карт:

Карты Google Leaflet.js (OpenStreetMap) Famous-map позволяет добавлять компонент карты в дерево визуализации famo.us. Кроме того, известные переходы могут использоваться для панорамирования карты, а модификаторы могут использоваться для синхронизации положения визуализируемых объектов с географическим положением.

Источник
Другие вопросы по тегам