Google Maps API

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! :v:

@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! :v: