não estou conseguindo inicializar meu mapa utilizando javascript.
Basicamente eu criei 2 arquivos para testar a criação, um arquivo html
com uma div
para conter o mapa e um arquivo js
com as função de criação do mapa. Mas sempre que eu tento chamar a função de criação do mapa, um erro ocorre dizendo que a variável "google" é indefinida. Segue abaixo o código dos 2 arquivos.
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="map"></div>
<script src="js/Mapa.js"></script>
<script src="http://maps.googleapis.com/maps/api/js?key=MINHAKEY&sensor=false"></script>
</body>
</html>
Mapa.js
function initMap() {
var uluru = {lat: -25.363, lng: 131.044};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: uluru
});
var marker = new google.maps.Marker({
position: uluru,
map: map
});
}
initMap();
O problema aqui é o seguinte, quando eu coloco a função initMap()
como um script direto no arquivo html
, o mapa é iniciado e funciona, mas quando eu coloco o initMap()
no arquivo Mapa.js
e importo o arquivo js
ele simplesmente não funciona. Alguém pode me ajudar com este problema? Agradeço desde já a colaboração de todos!