Ionic 5 Google IOS 上的地图标记破坏动画

Question

我正在使用 google 地图 javascript api 在离子应用程序上添加 google 地图 3. 地图工作正常，但我在地图，cordova 动画在 ios 上停止工作，在 android 上一切正常。例如点击 ion-select 或添加 Alert 会产生以下错误

Unhandled Promise rejection: – "undefined is not a function (near '...element.animate...')" – "; Zone:" – "" – "; Task:" – "Promise.then" – "; Value:" (2) TypeError: undefined is not a function (near '...element.animate...') —

 animation-5559213c.js:652 (anonymous function) — 
 animation-5559213c.js:652 forEach initializeWebAnimation — 
 animation-5559213c.js:651   initializeAnimation —
 animation-5559213c.js:674 play — animation 5559213c.js:950 (anonymous
 function) — 
 animation-5559213c.js:961 forEach play —
 animation-5559213c.js:960 (anonymous function) —
 animation-5559213c.js:852 ZoneAwarePromise — zone.js:910 playAsync —
 animation-5559213c.js:850 (anonymous function) —
 overlays-10cf2041.js:202 step — tslib.es6.js:99 fulfilled —
 tslib.es6.js:70 run — zone.js:150 (anonymous function) — zone.js:889
 runTask — zone.js:195 drainMicroTaskQueue — 
 zone.js:601 promiseReactionJob

我的应用程序的 ionic 版本是 5.2.3。任何帮助将不胜感激。

Answer 1

导入 web-animations-js polyfill.

运行 npm install --save web-animations-js 在终端中然后取消注释 src/polyfills.ts:

中的以下行

import 'web-animations-js';

Ionic 5 Google IOS 上的地图标记破坏动画

Ionic 5 Google Map Marker breaking animations on IOS

animation

google-maps-api-3

ios

ionic-framework

angular