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

我想制作一个标记图标的动画，这样它就可以对苹果和谷歌的地图套件用户位置，即闪烁的点重新采样。我可以使用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

（绿色）变为白色，然后再次变回，并让其永远循环

有人帮我怎么做吗

---

谢谢

您可以在内部使用

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);