Google Maps v3 API — автоматическое плавное увеличение до маркера

Я использую Google Maps v3 внутри модального окна на своем веб-сайте и искал следующую функцию: если посетитель нажимает кнопку, появляется модальное окно. Внутри модала есть карты Google с маркером. Все идет нормально. Как только появится модальное окно, карты Google должны начать плавное автоматическое масштабирование, например, от уровня масштабирования 2 до уровня масштабирования 15.

Я не уверен, что все понимают, что я имею в виду, поэтому я нашел ссылку, где вы можете увидеть эффект анимации, которого я пытаюсь добиться. Обратите внимание, что на сайте есть Google Earth. Я хочу сделать этот эффект с помощью карт Google:

https://earthengine.google.com/timelapse/?location=саудовская аравия

Я нашел много сообщений здесь, в StackOverflow, а также в Google, но в большинстве тем описывается, как достичь моей цели с помощью Google Maps v2.

Вот что я пробовал. Модальное окно открывается, и маркер виден на карте Google Maps, но это все. Не виден эффект автоматического масштабирования, поэтому мое решение не работает.

<script>
    function initMap() {
        var map = new google.maps.Map(document.getElementById('map'), {
            center: {lat: 48.2092762, lng: 16.3737249},
            zoom: 15
        });

        // example marker:
        var marker = new google.maps.Marker({
            map: map,
            targetZoom: 22,
            position: new google.maps.LatLng(48.2092762,16.3737249)
        });

        // example marker:
        var marker = new google.maps.Marker({
            map: map,
            position: new google.maps.LatLng(48.2092762,16.3737249)
        });

        // the smooth zoom function
        function animateMapZoomTo(map, targetZoom) {
            var currentZoom = arguments[2] || map.getZoom();
            if (currentZoom != targetZoom) {
                google.maps.event.addListenerOnce(map, 'zoom_changed', function (event) {
                    animateMapZoomTo(map, targetZoom, currentZoom + (targetZoom > currentZoom ? 1 : -1));
                });
                setTimeout(function(){ map.setZoom(currentZoom) }, 80);
            }
        }

    }
</script>


<script async defer src = "https://maps.googleapis.com/maps/api/js?key=MYAPIKEY&callback=initMap"></script>