如何创建具有动画 gif 的 google 地图自定义标记

Question

我想创建一个 google 地图标记，它有一个动画 gif.I 知道 google 地图有 2 个动画掉落并且 bounce.I 想创建一个除了 those.Is 可以做到这一点。你能带路吗？

提前致谢。

Answer 1

Per docs，在 google.maps.MarkerOptions 中，如果您想使用 gif 作为标记图标，您可以传递 optimized: false：

optimized Type: boolean

Optimization renders many markers as a single static element. Optimized rendering is enabled by default. Disable optimized rendering for animated GIFs or PNGs, or when each marker must be rendered as a separate DOM element (advanced usage only).

var marker = new google.maps.Marker(
{
    position: myLatLng,
    map: map,
    optimized: false,
    icon: "http://preloaders.net/preloaders/489/Classic%20map%20marker-32.gif"
});

JS fiddle: http://jsfiddle.net/T78Hd/138/

如何创建具有动画 gif 的 google 地图自定义标记

how to create google maps custom marker which has an animating gif

animation

google-maps

google-maps-markers