Question

我想将 GIF图片设置为地图标记，以表示google地图上的特定位置。我已经使用 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插件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
});

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

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

任何帮助将不胜感激。

Answer 1

回答cordova-plugin-googlemaps的作者。 cordova-plugin-googlemaps不支持用于标记的GIF动画图像，因为本机API不支持它。

如何将GIF图片设置为Android和iOS平台（离子框架）的Google Maps标记？

1 个答案: