Estou montando um site com jQuery UI e google maps. Minha div do map fica dentro de outra div (tab) do Jquery. Não sei se existe algum conflito entre o jquery-ui e o google maps, pois não funciona só mostra uma caixa cinza com os controles de zoom e street view, mas o mapa não renderiza.
Já pesquisei bastante na net e não encontro uma solução viável, o mais perto de uma solução que cheguei foi pra usar uma função de resize do google, mas não está funcionando também.
Quando eu tiro a div do mapa de dentro das div´s de TAB do Jquery tudo funciona, porém o site fica uma bagunça. Estou usando esse plugin para o mapa: jquery-ui-map
.
<script type="text/javascript">
function carrega_map() {
// Also works with: var yourStartLatLng = '59.3426606750, 18.0736160278';
var yourStartLatLng = new google.maps.LatLng(59.3426606750, 18.0736160278);
$('#map_canvas').gmap({'center': yourStartLatLng});
}
</script>