如何将 GIF 图像设置为 Android 和 iOS 平台（Ionic 框架）的谷歌地图标记？

Question

我想设置一个 GIF 图像作为地图标记，代表谷歌地图上的特定地点。我使用 ionic cordova 环境来构建项目。请在下面找到环境设置：

li 包：

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

全局包：

cordova (Cordova CLI) : 7.1.0 

本地包：

@ionic/app-scripts : 3.1.6
Cordova Platforms  : android 6.3.0 ios 4.5.4
Ionic Framework    : ionic-angular 3.9.2

系统：

ios-deploy : 1.9.2 
Node       : v8.8.1
npm        : 2.15.12 
OS         : macOS High Sierra
Xcode      : Xcode 9.3 Build version 9E145 

环境变量：

ANDROID_HOME : /Users/MP-36/Users/MP-36/Library/Android/sdk

杂项：

backend : pro

另外，我使用 cordova plugin googlemaps 将地图渲染到我的应用程序中。 插件详情：

<plugin name="cordova-plugin-googlemaps" spec="^2.3.6">
   <variable name="API_KEY_FOR_ANDROID" value=“#” />
   <variable name="API_KEY_FOR_IOS" value=“#” />
</plugin>

地图按预期呈现，但从改进的角度来看，我需要添加 gif 图像作为标记。我尝试了不同的解决方案来满足相同的要求，但无法做到。

已尝试的解决方案：

在 index.html 文件中添加脚本标签并将 optimized 属性设置为 false。

<script src="http://maps.googleapis.com/maps/api/js?v=3&sensor=false"> 
</script>

var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title: 'Hello World!',
        icon: "https://s3-eu-west-1.amazonaws.com/outsavvy/website/loading.gif",
        optimized: false
});

结果： 这可能适用于 web 视图，不适用于 Android 和 iOS 平台。对于 Android 和 iOS 平台，我能够看到静态图像，即 GIF 图像中的单帧，而不是整个动画。

有什么方法可以添加同时支持 Android 和 iOS 平台的 GIF 标记，或者创建自定义标记并为其添加动画？ 谁能指出我正确的方向？

任何帮助将不胜感激。

Answer 1

以 cordova-plugin-googlemaps 的作者身份回答。 cordova-plugin-googlemaps 不支持标记的 GIF 动画图像，因为原生 API 不支持它。