使Google Map Marker发光

Question

我们正在使用v3.10将使用Google Maps的Flash应用程序重写为HTML/CSS/JavaScript。在Flash中，他们使用mx效果来创建不同颜色的脉动发光来指示状态。

我一直在试图找到一种在JavaScript中复制的方法，但我一直无法找到解决方案。我玩过阴影，但它只是一个png图像。理想情况下，我想使用CSS或JavaScript工具，但也许我可以在标记后面使用一个动画gif？

createMarker = function (mapMarkerVm) {
            var shadow = new google.maps.MarkerImage(
                    '/Content/images/mapIcon_glow.png',
                    new google.maps.Size(36, 52),
                    new google.maps.Point(0, 0),
                    new google.maps.Point(20, 52));
            return new google.maps.Marker({
                title: mapMarkerVm.Title() || "",
                position: new google.maps.LatLng(mapMarkerVm.Latitude() || 0.0, mapMarkerVm.Longitude() || 0.0),
                icon: createMarkerImage(mapMarkerVm.StatusIcon()),
                map: map,
                shadow: shadow,
                draggable: false,
                visible: true
            });
        };

​

​

Answer 1

您可以使用gif，但必须在标记构造函数中设置optimized: false。

来源：.gif marker google maps