Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

userFeliz

Problemas com Google maps API

Recommended Posts

Olá

 

Comecei a mexer na API de mapa da Google agora e não to conseguindo nem exibir o mapa

 

já fiz uma key e tals, mas quando uso a função para simplesmente iniciar o mapa só fica assim:

 

11c6o8p.jpg

 

meu código:

<div id="googleMap" style="width:500px;height:380px;">
				
</div>
<script src="http://maps.googleapis.com/maps/api/js?key=MinhaKey&sensor=false"></script>
<script type="text/javascript">
	var map;
					 
	function initialize() {
	var latlng = new google.maps.LatLng(-18.8800397, -47.05878999999999);
					 
        var options = {
	zoom: 5,
	center: latlng,
	mapTypeId: google.maps.MapTypeId.ROADMAP
	};
					 
	map = new google.maps.Map(document.getElementById("googleMap"), options);
	}
					 
	initialize();
</script>

Será que é conflito com outros códigos do site?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara, depois que atualizaram a API tive este mesmo problema.

Consegui resolver quando coloquei a minha função no parâmetro callback que tem na Url.

 

Ex.: https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"

 

Eles mostram alguns exemplos na documentação, dá uma olhada:

https://developers.google.com/maps/documentation/javascript/examples/map-simple?hl=pt-BR

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.