Bacancy Technology
Bacancy Technology represents the connected world, offering innovative and customer-centric information technology experiences, enabling Enterprises, Associates and the Society to Riseâ„¢.
12+
Countries where we have happy customers
1050+
Agile enabled employees
06
World wide offices
12+
Years of Experience
05
Agile Coaches
14
Certified Scrum Masters
1000+
Clients projects
1458
Happy customers
Artificial Intelligence
Machine Learning
Salesforce
Microsoft
SAP
November 21, 2023
<script src="https://maps.googleapis.com/maps/api/js?key=xxxxx" async defer>
The script is taking time to execute and before the script is executed your html is rendered. In that case you need to wait till that view is not fully initialized, So you need to use the afterviewInit method.
afterViewInit is executed when component view is fully initialized so you will not face this issue again. And your code will be like this.
ngAfterViewInit() var map; map = new google.maps.Map(document.getElementById('map'), { center: { lat: -34.397, lng: 150.644 }, mapTypeControl: false, zoom: 8 }); }