Tenho um sistema que atualmente funciona com a api do google maps, mas percebi que o site fica aguardando essa API ser carregada para então terminar de carregar a pagina.
na pagina inicial(index.php) tenho a tag assim:
<!DOCTYPE html>
<html>
...
.
.
.
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
.
.
.
</html>
Eu não uso o google maps no index.php, só é feito dessa maneira, porque depois que a página é carregada o usuário clica em um botão que faz um load para a carregar o mapa assim:
$("#conteudo").load('veiculoDescarga.php');
Quando essa tag script do google é colocada dentro desse arquivo veiculoDescarga.php a api não funciona não carrega as demais dependências dela.
// quando executo qualquer coisa da API tipo esse exemplo
new google.maps.DirectionsRenderer();
//Tenho essa mensagem de erro
TypeError: google.maps.DirectionsRenderer is not a constructor
//outro exemplo
google.maps.event.addDomListener(window, 'load', initialize);
//outro erro exemplo
TypeError: google.maps.event is undefined
Alguém sabe se é possível fazer essa API funcionar após fazer o $.load() ou o onload ?
Edit 01 Para exemplificar melhor vou deixar as imagens abaixo com as explicações:
Na imagem abaixo a tag do googleapis é roda normalmente veja que esta única tag faz a chamada buscando as demais tags de dependencia e as inseri, este caso esta ok.
Mas eu não quero que ela seja carregada ai de inicio, eu quero que seja carregado essa tag do googleapis quando eu chamar o evento .load() do jQuery, mas veja que quando faço isso a tag é carregada mas não faz as chamada das demais dependencias