我想要为标记的图标设置动画,以便重新填充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
(绿色)变为白色并再次返回,让它永远循环。
任何帮助如何制作?
由于
答案 0 :(得分: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);