1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Codigo Google Maps

Discussão em 'Web Development' iniciada por Fil__, 19 de Dezembro de 2007. (Respostas: 11; Visualizações: 10413)

  1. Fil__

    Fil__ Power Member

    Ppl tenho este codigo

    Código:
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAqshvcsrKdIhWLnBOMsMQcxQqDHmxk1RpZPSyjb_YaF3b51kc1hTr6TPSa-a5JMQ8iBTVVt1_G7Z7dw"
                type="text/javascript"></script>
        <script type="text/javascript">
    
        function initialize() {
          if (GBrowserIsCompatible()) {
            var map = new GMap2(document.getElementById("map_canvas"));
            map.setCenter(new GLatLng(38.630068, -9.149846), 16);
    
    var bounds = map.getBounds();
    var southWest = bounds.getSouthWest();
    var northEast = bounds.getNorthEast();
    var lngSpan = northEast.lng() - southWest.lng();
    var latSpan = northEast.lat() - southWest.lat();
    for (var i = 0; i < 1; i++) {
      var point = new GLatLng(southWest.lat(38.630068) + latSpan * Math.random(1),
                              southWest.lng(-9.149846) + lngSpan * Math.random(1));
    map.addOverlay(new GMarker(point));
    }
    
          }
        }
    </script>
    So que isto vai criar de cada vez que o site carrega uma posicao diferente. O que eu quero e que o mapa fique com o marcador na posicao lat=38.630068, lng=-9.149846 sempre

    Podem ajudar?
     
    Última edição pelo moderador: 20 de Dezembro de 2007
  2. RuiBranco

    RuiBranco Folding Member

    o proprio google maps ja faz o html para meteres no site como este exemplo :
    e fica com marcador fixo, agora é so meter a localização.

    Código:
    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/?ie=UTF8&amp;ll=38.479395,-8.876953&amp;spn=36.273078,73.828125&amp;z=4&amp;om=1&amp;output=embed&amp;s=AARTsJqzARj-Z8VnW5pkPMLMmZbqrJcYpw"></iframe><br /><small><a href="http://maps.google.com/?ie=UTF8&amp;ll=38.479395,-8.876953&amp;spn=36.273078,73.828125&amp;z=4&amp;om=1&amp;source=embed" style="color:#0000FF;text-align:left">Exibir mapa ampliado</a></small>
    
     
  3. Myth

    Myth Power Member

    Uma forma de conseguir o que pretendes é:
    Código:
    <html>
      <head>
        <title></title>
        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAqshvcsrKdIhW 
    
    LnBOMsMQcxQqDHmxk1RpZPSyjb_YaF3b51kc1hTr6TPSa-a5JMQ8iBTVVt1_G7Z7dw"
    type="text/javascript"></script>
    <script type="text/javascript">
    
        var iconBlue = new GIcon(); 
        iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
        iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
        iconBlue.iconSize = new GSize(12, 20);
        iconBlue.shadowSize = new GSize(22, 20);
        iconBlue.iconAnchor = new GPoint(6, 20);
        iconBlue.infoWindowAnchor = new GPoint(5, 1);
    
    
        function load() 
        {
          if (GBrowserIsCompatible()) 
          {
            var map = new GMap2(document.getElementById("map"));
            map.addControl(new GSmallMapControl());
            map.addControl(new GMapTypeControl());
            map.setCenter(new GLatLng(38.630068, -9.149846), 16);
    
            var point = map.getCenter();
            var marker = new GMarker(point, iconBlue);
            GEvent.addListener(marker, 'click', function() { marker.openInfoWindowHtml("<b>Teste de marcador</b>"); } );
           
            map.addOverlay(marker);
    
          }
        }
    
      </script>
      </head>
    
      <body onload="load()" onunload="GUnload()">
        <div id="map" style="width: 500px; height: 300px"></div>
      </body>
    </html>
    
    Este código gera um marcador no centro do mapa, neste caso com as coordenadas que pretendes.
    Espero ter ajudado. :)
     
  4. RuiBranco

    RuiBranco Folding Member

    Não vejo a difrença entre o codigo do google maps e esse script , ou entendi mal oq ue ele pedia
     
  5. Fil__

    Fil__ Power Member

    Entendeste mal amigo
    Eu sei que o google gera isso
    Mas isto e usado a nivel profissional e nao pode aparecer no balao um perfil como aparece nesse codigo gerado pelo google maps
    Temos que meter o marcador e no balao do marcador so pode aparecer o nome da empresa cliente, dai a minha duvida. De qualquer modo ja resolvi o problem
    Thanks a todos :p
     
  6. Dúvida_Google Maps

    Gostaria que alguém me ajudasse com o código do google maps.

    Gostaria de saber como introduzir novos icons numa rota, colocando neles hiperlinks para uma página web.

    O código é o seguinte:

    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=d&amp...TsJr3bp9OjM8VYNn0ZMQQQvUl_6-BUA"></iframe><br /><small><a href="http://maps.google.com/maps?f=d&amp...1647&amp;spn=0.07363,0.14036&amp;source=embed" style="color:#0000FF;text-align:left">Ver mapa maior</a></small>
     
  7. dragao-azul

    dragao-azul I fold therefore I AM

    Boas,

    Vou usar este tópico para perguntar:

    Como posso meter um mapa destes numa página? O google disponibiliza o código? Se sim onde? Também dava jeito que ficasse uma marcador no sítio (um daqueles normais não é preciso ser logo nenhum).

    Estive a pesquisar e não achei o sitio de onde vem o código no google, se me conseguirem ajudar agradecia.

    Thz

    ;)
     
  8. dragao-azul

    dragao-azul I fold therefore I AM

    Achei agora o site, mas não sei como se configura isto.. Se alguém me conseguir ajudar.. (Como meto as coordenadas e um marcador no sitio que quero..)

    Thz

    ;)
     
  9. dragao-azul

    dragao-azul I fold therefore I AM

    Anyone?.. Não percebo mesmo como se põe as coordenadas...

    Thz

    ;)
     
  10. jigoro

    jigoro Power Member

    rapaz no codigo em cima consegues mudar as coordenadas aqui:

    var map = new GMap2(document.getElementById("map"));
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(38.630068, -9.149846), 16);

    38.630068 - cima / baixo

    -9.149846 - esq / Dir

    16 - zoom
     
  11. jigoro

    jigoro Power Member

    e utenho uma dúvida. não sei se já aconteceu a alguém, quando coloco esse codigo, no dreamweaver está tudo bem ao colocar no servidor, da-me erros ortograficos no satélite...
    alguem sabe como tirar?
     
  12. jigoro

    jigoro Power Member

    Código:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
    <html xmlns="[URL]http://www.w3.org/1999/xhtml[/URL]">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    <link href="estilos.css" rel="stylesheet" type="text/css" />
    <script src="[URL]http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAcmdv1yGDvZoqdvxpTx5xIRQIXvGkt41_GqbhEKnN9IlyOawfMRR31qgwEuGSLTZLgJvCj6xy4Rn8vw[/URL]"
    type="text/javascript"></script>
    <script type="text/javascript">
        var iconBlue = new GIcon(); 
        iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
        iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
        iconBlue.iconSize = new GSize(12, 20);
        iconBlue.shadowSize = new GSize(22, 20);
        iconBlue.iconAnchor = new GPoint(6, 20);
        iconBlue.infoWindowAnchor = new GPoint(1, 1);
     
        function load() 
        {
          if (GBrowserIsCompatible()) 
          {
            var map = new GMap2(document.getElementById("map"));
            map.addControl(new GSmallMapControl());
            map.addControl(new GMapTypeControl());
            map.setCenter(new GLatLng(38.621050, -9.109900), 17);
            var point = map.getCenter();
            var marker = new GMarker(point, iconBlue);
            GEvent.addListener(marker, 'click', function() { marker.openInfoWindowHtml("<b>Artes & Ideias</b>"); } );
     
            map.addOverlay(marker);
          }
        }
      </script>
    </head>
    <body>
    <div id="holder">
      <div id="header"></div>
     
      <div id="nav">
    <p><a href="home.html" class="navi">Artes & Ideias</a><a href="actividades1.html" class="navi">Lúdico-Pedagógicas</a><a href="actividades2.html" class="navi">Actividades Artísticas</a><a href="actividades3.html" class="navi">Outros Serviços</a><a href="contactos.html" class="sem">Contactos</a><img src="imagens/logo.gif" width="140" height="200" class="image" /></p>
      </div>
     
      <div id="content">
      <div id="texto">
      <body onLoad="load()" onUnload="GUnload()">
        <div id="map" style="width: 550px; height: 250px"></div>
       <h2>ABERTO DAS 7h &Aacute;S 20h </h2>
        </div>
    </div>
     
      <div id="footer">Desenvolvido por M&aacute;rcio Mendes - [EMAIL="[email protected]"][email protected][/EMAIL] - &copy; 2008 All rights reserved</div>
    </div>
    </body>
    </html>
    
    Tenho este codigo o problema é que funciona e mtodos os browsers meno no IE. alguem sabe como colocar bem no IE ?
     
    Última edição: 19 de Agosto de 2008

Partilhar esta Página