javascript - Google 标记动画更改

Question

有一种方法可以在标记上添加与 DROP 和 BOUNCE 不同的动画。我想放大标记。提前致谢!

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

Answer 1

由于我的评论似乎解决了您的问题，因此我会将其作为答案发布，以便其他人也可以看到您的问题已经得到解决，并可能在将来对他们有所帮助。答案如下:

Google map 标记动画仅为 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);
}