Ionic 5 Google Map Marker breaking animations on IOS

Question

I'm adding google map on an ionic app using google maps javascript api 3. The map works fine but the minute i add marker on the map, the cordova animations stop working on ios, on android everything works smoothly. For example clicking on ion-select or adding Alert produces following error

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

我的应用程序的离子版本为5.2.3。任何帮助，将不胜感激。

Answer 1

导入web-animations-js polyfill。

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

import 'web-animations-js';