none
Centralizar posicao no google Maps RRS feed

  • Pergunta

  • Opa a todos,

    Pessoal tenho uma chamada para o google Maps da seguinte forma:

    http://maps.google.com/?output=embed&f=q&source=s_q&hl=pt-BR&geocode=&z=15&q=rua,cidade,estado

    Uso esta linha para ele abrir uma janela modal com o fancybox com o endereco marcado so que o endereco esta aparecendo no canto esquerdo inferiror e eu gostira de colocar o marcador no centro do mapa com o balão escrito o enderenco dentro. Como se faz para ele ficar centralizado?

    Obrigado

    quarta-feira, 12 de setembro de 2012 14:00

Todas as Respostas

  • Olá, eh um pouco estranho, ele ja deveria abrir o mapa com este marcado centralizado, quando entrei nesse link que você passou ele abre com o marcador no centro, o seu não?

    A APi do Google Maps permite você informar o centro do mapa assim:

    var map = new GMap2(document.getElementById("map_canvas"));
                    map.setCenter(new GLatLng(37.4419, -122.1419), 13);

    O 13 é o zoom. Criei um exemplo com o clique no mapa, talvez te ajude:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <!--Jquery Noty-->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
        <!--Google Maps-->
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyC9f2S89s7EIfBsM0yA2UBT7VgI5DFb6UQ&sensor=false"></script>
        <script type="text/javascript">
            var map;
            function initialize() {
                var myOptions = {
                    center: new google.maps.LatLng(-10.907601, -37.074501),
                    zoom: 8,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                map = new google.maps.Map(document.getElementById("map_canvas"),
                myOptions);
                map.setZoom(8);
                google.maps.event.addListener(map, 'click', function (event) {
                    placeMarker(event.latLng);
                    map.setCenter(event.latLng);
                });
            }
            function placeMarker(location) {
                var marker = new google.maps.Marker({
                    position: location,
                    map: map
                });
            }
        </script>
    </head>
    <body onload="initialize()">
        <fieldset style="height:380px;float:left;">
            <legend>Clique no mapa para adicionar um marcador</legend>
            <div style="padding:0px;">
                <div id="map_canvas" style=" width:360px; height:360px"></div>
            </div>
        </fieldset>
    </body>
    </html>

    Resultado:


    Rodrigo Reis Ferreira
    Microsoft Certified

    segunda-feira, 17 de setembro de 2012 13:55
  • Rodrigo boa tarde,

    Olha eu estou usando o FancyBox em Jquery para abrir uma janela modal que exibe o mapa do google. E simplesmente eu passo aquela linha no href que o fancybox lê e abre o mapa eu não faco a pagina com o scritp.

    A pagina do Facybox é: http://fancybox.net/

    Da uma olhada la escolhe la embaixo a opção Google Maps (iframe)

    Obrigado

    terça-feira, 18 de setembro de 2012 18:44
  • Entendi, uso bastante o fancybox também, mas me diga uma coisa, você esta tendo problemas para abri o mapa no Fancybox? É isso? O exemplo que passei resolveu seu problema?

    Ainda estou meio perdido em como posso te ajudar, qual é exatamente a dificuldade que está enfrentando? :)


    Rodrigo Reis Ferreira
    Microsoft Certified


    quarta-feira, 19 de setembro de 2012 12:20
  • Rodrigo boa tarde,

    Nao entendo muito da API do Google mas pelo q vi no seu codigo eu teria q fazer uma pagina e estartar o mapa por ela. Mas atualmente eu deixo o FAncybox fazer esta pagina eu so passo aquela linha com o link e o fancybox gera todo o resto.

    E outra coisa eu nao tenho acesso as latitudes e longitudes somente os endereços que sao passados diretor do banco de dados para a querystring.

    Obrigado

    quarta-feira, 19 de setembro de 2012 19:18