现有标记上的脉冲动画（谷歌地图）

Question

我想在复选框点击中向我现有的标记添加脉冲动画like，我该怎么做？

Answer 1

它不像你应该那样容易。我刚刚做了同样的事情并取得了一些成功。

最直接的方法是使用动画gif作为标记。

如果你想做一个CSS动画并且对JS更舒服一点，你可以使用下面的代码在所有制作者周围添加一个包装器（在添加所有标记之后。它为标记窗格创建一个新的叠加层并给出这是一类.marker-layer。

此问题的一个问题是Google地图会尝试使用画布渲染图标（如果可以），这意味着您无法以这种方式访问​​它们。因此，您必须将optimized: false,传递给标记选项，然后才能访问标记。

const markerlayer = new google.maps.OverlayView();
markerlayer.draw = function () {
    this.getPanes().markerLayer.classList.add('marker-layer');
};
markerlayer.setMap(map);