谷歌标记动画更改

Question

有一种方法可以在Marker上添加另一个不同于DROP和BOUNCE的动画。我想放大这个记号笔。提前感谢！

<Marker position={position} animation={window.google.maps.Animation.DROP} />

Answer 1

由于我的评论似乎解决了您的问题，我将把它作为答案发布，这样其他人也可以看到您的问题已经得到了解决，并可能在未来帮助他们。答案是：

谷歌地图的标记动画只有弹跳和下降。如果您想在运行时放大标记，可以使用自定义图标(小图标和大图标(。然后在它们之间使用setTimeout。下面是一个JavaScript fiddle示例。

function initMap() {
var myLatLng = {lat: -25.363, lng: 131.044};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: myLatLng
});
var marker = new google.maps.Marker({
icon: 'http://maps.gstatic.com/mapfiles/ridefinder-images/mm_20_orange.png',
position: myLatLng,
map: map,
title: 'Hello World!'
});
setTimeout(function(){ marker.setIcon("http://maps.google.com/mapfiles/kml/paddle/orange-blank.png") }, 3000);
}