为标记设置动画以模拟用户位置（如Apple的MapKit）

Question

我想要为标记的图标设置动画，以便重新填充Apple和Google的地图套件用户位置，即闪烁点。我可以使用gif作为标记的图标，但看起来很丑陋！。

我的标记图标包含：

var markerIcon= {
    path: google.maps.SymbolPath.CIRCLE,
    scale: 7,
    strokeColor: '#393'
  };

和标记本身：

function setlocation(lat,lng,zom){
         var myLatlng = new google.maps.LatLng(lat,lng);
        map.setCenter(myLatlng);
        map.setZoom(zom);
         var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
    icon:markerIcon,
    optimized:true

  });

我如何为上面的标记设置动画，让我们说它会从#393（绿色）变为白色并再次返回，让它永远循环。

任何帮助如何制作？

由于

Answer 1

您可以使用内部setIcon()更改标记图标，例如setInterval()。类似的东西：

var isGreen = true;

var greenIcon = 'green.png';
var redIcon   = 'red.png';

...
// create and place your marker
...

    setInterval(function() {
        if (isGreen) {
            isGreen = false;
            marker.setIcon(redIcon);
        } else {
            isGreen = true;
            marker.setIcon(greenIcon);
        }
    }, 1500);