Jak ustawic markery po wgraniu pliku maps google api 3

Skomplikowany problem mam tutaj, postaram się jasno wytłumaczyć. Otóż teraz mam plik html a na dole w tagach script bzdety odnośnie mapy z googla, ustawienia wyswietlanie itd. Chciałem te bzdety przeneiść do oddzielnego pliku i ladować jako link się wie. i teraz jest taki plik JS mój:

 function initMap() {

	var geocoder = new google.maps.Geocoder();
	var infoWin = new google.maps.InfoWindow(); 
	
	map = new google.maps.Map(document.getElementById('map'), {
		mapTypeId: google.maps.MapTypeId.ROADMAP,
		center: {lat: 49.773 lng: 3.7},
		zoom: 14,
        });

// tutaj linia z markerami

}

Chodzi teraz o to że teraz robie tak:
Mam plik php on mi generuje tablice z danymi znacznikami do punktow na mapie
znaczniki wygladaja tak:

 markers = [new google.maps.LatLng(49.7,1.77),new google.maps.LatLng(49.3,1.79)];

jak wstawie ten kod wyzej w tagu script w html to mam blad ze google.maps nie jest zdefiniowane i to zmusilo mnie zeby zosatwic kod w htmlu. a jest jakis sposob by dalo sie to jakos zrobic?

https://developers.google.com/maps/documentation/javascript/adding-a-google-map
i pamiętaj, że mapa musi być ładowana przed plikiem, w którym chcesz sie do niej odwołać.