使用標記來模擬用戶位置（如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);