使 Google 地图标记发光

Question

我们正在使用 v3.10 将使用 Google 地图的 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