谷歌标记动画更改

【问题标题】：Google Marker animation change谷歌标记动画更改
【发布时间】：2020-02-28 07:13:01
【问题描述】：

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

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

【问题讨论】：

您能否详细说明您使用哪种语言的问题？
我正在使用 React.js。（反应谷歌地图）
也可以使用setTimeout();这是链接codesandbox.io/s/9jmkp4on4o
这个例子仍然显示了 BOUNCE 动画，我想避免并放大图标。
谷歌地图标记动画只有bounce and drop。如果您想在运行时放大标记，您可以使用自定义图标（一个小图标和一个大图标）。然后在它们之间使用 setTimeout 。这是sample JavaScript fiddle

标签： javascript reactjs google-maps animation resize

【解决方案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);
}

【讨论】：