map = new google.maps.Map(document.getElementById('map'), {
            center: {lat: 39.769145, lng: -86.158176},
            zoom: 14,
            gestureHandling: 'greedy'
        });

When you create your map object shown above, the props "center" and "zoom" are static props and do not allow for dynamic changes to your map view.

Try changing "center" to "defaultCenter" and "zoom" to "defaultZoom".