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

【问题标题】：Animate a marker to emulate user location (like Apple's MapKit)动画标记以模拟用户位置（如 Apple 的 MapKit）
【发布时间】：2014-01-15 07:58:03
【问题描述】：

我想为标记的图标设置动画，使其类似于 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（绿色）变成白色然后再变回来，让它永远循环。

有什么制作方法吗？

谢谢

【问题讨论】：

标签： javascript google-maps-api-3 google-maps-markers

【解决方案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);

【讨论】：