Изменение анимации маркера Google - PullRequest
Новая
       21

Изменение анимации маркера Google

0 голосов
/ 28 февраля 2020

Это способ добавить еще одну анимацию на Маркер, которая отличается от DROP и BOUNCE. Я хотел бы увеличить маркер. Заранее спасибо!

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

1 Ответ

1 голос
/ 05 марта 2020

Поскольку мой комментарий, похоже, разрешает вашу проблему, я опубликую его как ответ, чтобы другие также могли видеть, что ваш вопрос уже имеет решение и может помочь им в будущем. Вот ответ:

Анимация маркера Google Maps только отскок и падение . Если вы хотите увеличить маркер во время выполнения, вы можете использовать вместо него пользовательские иконки (маленькие и большие). Затем используйте setTimeout между ними. Вот образец JavaScript скрипка . 

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);
}
...