Google Marker动画更改

Question

它有一种在标记上添加另一个动画的方法，这是不同于下降和反弹。我想把记号笔放大一点。提前感谢！

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

Answer 1

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

谷歌地图的标记动画只有bounce and drop。如果你想在运行时放大一个标记，你可以使用自定义图标(一个小图标，一个大图标)。然后在它们之间使用setTimeout。这是一个sample 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);
}