Ola pessoal,
Estou com um problema que já está me dando uma dor de cabeça a algum tempo.
Inseri o Google maps API no meu site para mostrar o endereço
usando no HTML uma DIV
<div id="localizacao"></div>
E o JS assim:
'var meuLocal=new google.maps.LatLng(<?=$config['red_mapa_lat']?>,<?=$config['red_mapa_long']?>);
function initialize()
{
var mapProp = {
center:meuLocal,
zoom:15,
scrollwheel: false,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("localizacao"),mapProp);
var marker=new google.maps.Marker({
position:meuLocal,
icon:'<?=$FilesFolder?>/images/marker.png'
});
marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
`
Quando abro o site, ele até aparece alguns elementos na DIV, mas o mapa em sí não aparece.
Alguém já passou por esse problema?
@Leonardonogatz, blz?
Você já testou o código usando dados estáticos?
Se funcionar, provavelmente é algum parâmetro incorreto que chega via php.
Usa o código abaixo, para saber os dados que estão sendo enviados como parâmetro.
<?php echo "lat: ". $config['red_mapa_lat'] . " | lng: " . $config['red_mapa_long']; ?>
A princípio o código está correto.
Verifique o CSS também, pode ter algum erro de display ou z-index talvez.
Se puder, posta a URL ou o resultado do erro (mesmo que seja um print) p/ tentarmos ajudar da melhor forma.
Abraço!
@romulobastos
Já testei sim, coloquei uma latidude e loingitude estáticas, também ja testei se as variaveis do PHP estavam corretas.
O resultando é este (diretamente o site kkk)
http://layout.buscaimoveisbrasil.com.br/site/contato
Já tentei remover todos os CSS dessa DIV tbm… posso estar esquecendo algo, vou dar uma olhada.
Cara, sua dica valeu!
Ajustei meu CSS, e dei uma largura e altura fixa para a div.
Abraço
Percebi que o erro estava na chamada da API, certo?
Esse cara funcionou no meu teste. ( https://jsfiddle.net/romulobastos/hk61vfa2/ )
Tive que setar os tamanhos no CSS e fiz a chamada em external resources.
Que bom que conseguiu.
Abraço!