¿Donde insertar el código de google maps?

eflo · #1 (**permalink**) 21/05/2008, 11:23

Hola, me puede decir alguien como tengo que meter el código de google maps para crear un enlace desde mi pagina hasta google maps, uso Deamweaver 8, he dibujado una capa y lo he insertado ahí pero en mi pagina web no se ve como una imagen sino que se ve el código, que es el siguiente: (<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?f=q&hl=es&geocode=&q=cerrajeria+e n+rota&ie=UTF8&ll=36.714669,-6.332245&spn=0.222355,0.464172&z=11&iw loc=A&cid=36633610,-6365990,17672228810939988005&output=embed& s=AARTsJqi6z6Km2Gwhkavy4YmsNzGAbKChQ"></iframe><br /><small><a href="http://maps.google.es/maps?f=q&hl=es&geocode=&q=cerrajeria+e n+rota&ie=UTF8&ll=36.714669,-6.332245&spn=0.222355,0.464172&z=11&iw loc=A&cid=36633610,-6365990,17672228810939988005&source=embed" style="color:#0000FF;text-align:left">Ver mapa más grande</a></small>). Por favor mee podeis ayudar? tambien me pasa con el código del contador de visitas. soy novata en esto y esta es la primera pagina que hago pero esto no se hacerlo si alguien me pudiera ayudar se lo agradecería.
Gracias.

Anya82 · #2 (**permalink**) 21/05/2008, 12:35

bueno, lo que veo, es que no has nombrado a tu iframe. <iframe name="mi_iframe" .....> .... </iframe>
tampoco le has dado un target a tu link de "Ver mapa mas grande": <a href="..." target="mi_iframe">Ver mapa mas grande</a>

asi que, cuando le haces click al link, pues no sabe que tiene que desplegar esa pagina en tu iframe especifico.

Espero que esa sea tu solucion. suerte

eflo · #3 (**permalink**) 21/05/2008, 14:39

La verdad es que te agradezco enormemente tu ayuda Anya pero no me entero de nada ya te digo que soy novata total y no entiendo de html.
Gracias de todas formas.

Anya82 · #4 (**permalink**) 21/05/2008, 17:57

hmm.. a ver si puedo explicarme de otro modo.

Tienes tu etiqueta de <iframe>
dentro de ella, hay propiedades, que segun nos muestras, tienes:

width="425" <--el ancho de tu iframe
height="350" <--el alto de tu iframe
frameborder="0" <--especificas que no tendra un marco a su alrededor
scrolling="no" <-- especificas que no aparecera la barra desplazadora a los lados de tu iframe, sin importar el tamaño de la pagina que desplegara en el iframe
marginheight="0" <-- altura de margen en tu iframe
marginwidth="0" <--ancho de margen en tu iframe
src="http://maps.google.es/maps?f=q&a........" <-- direccion que desplegara el iframe en cuanto se cargue tu pagina. Puede ser la que tienes, o puede ser otro html.

ahora, "name" es otra propiedad o atributo que se le asigna al iframe. Esta sirve para identificarlo y poder especificar a los links que abran paginas EN EL IFRAME, no en toda la pagina que tienes abierta.
lo que te recomiendo, es que dentro de tu etiqueta <iframe>, escribas name="nombre_iframe" , donde "nombre_iframe" claro, me refiero a algun nombre que quieras para identificar el iframe. Recuerda que no debe tener espacios.

Ahora. En el link que tienes para "Ver mapa mas grande", tu le especificaste que abra un link, que es el del google map. Pero si lo dejas asi nomas, cuando alguien haga click en el, lo que pasara es que abrira el mapa pero en toda tu ventana. Si tu quieres que se abra en un lugar especifico (en tu caso que nos muestras es un IFRAME), tienes que definirle un target, que es una propiedad de los links que le da la instruccion a tu navegador web de dónde tiene que abrir el html.
Si estas usando Dreamweaver, cuando tienes seleccionado tu texto para link, en la parte de abajo, que despliega el panel de "Propiedades", hay un renglon que dice precisamente "Target". Ahi, en ese espacio, escribe el nombre que pusiste a tu iframe, en el ejemplo que te doy seria nombre_iframe (sin comillas).

Espero que esta explicacion te sirva y sea clara. La verdad no soy muy buena explicando por medio de la palabra escrita.

Suerte, espero que te ayude lo que comento.

lucioboh · #5 (**permalink**) 20/03/2011, 21:04

hola soy nuevo en el foro y necesito ayuda, quiero meter una ventana de google maps en my web por dreamweaver. eso funciona, pero no logro colocarla en el lugar que quiero que salga (justo debajo de la barra gris de contacto en el espacio negro) alguien me puede dar una pista de como ubicarla correctamente?

el sitio lo he desarrollado en flash as1 y lo abrí en macromedia dreamweaver para agregar el htlm que me dio google. lo coloqué en el body y funciona bien, pero necesito posicionarlo correctamente muchas. llevo un par de dias leyendome todos los tutoriales de google y no he podido descubrir que estoy haciendo mal gracias!!

aqui coloco parte del htlm de la página, por motivos de espacio no puedo colocarlo todo.

</head>
<iframe width="340" height="160" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?f=q&source=s_q&hl=es&geocode=&amp ;q=el+yaque+margarita&aq=&sll=40.396764,-3.713379&sspn=9.635517,19.753418&ie=UTF8&a mp;hq=&hnear=El+Yaque,+D%C3%ADaz,+Nueva+Espart a,+Venezuela&ll=10.896441,-63.958111&spn=0.013485,0.029097&t=h&z= 14&output=embed">
</iframe><br /><small><a href="http://maps.google.es/maps?f=q&source=embed&hl=es&geocode=&a mp;q=el+yaque+margarita&aq=&sll=40.396764,-3.713379&sspn=9.635517,19.753418&ie=UTF8&a mp;hq=&hnear=El+Yaque,+D%C3%ADaz,+Nueva+Espart a,+Venezuela&ll=10.896441,-63.958111&spn=0.013485,0.029097&t=h&z= 14" style="color:#0000FF;text-align:left">Ver mapa más grande</a>
</small>
<body bgcolor="#000000">
</noscript>
</body>
</html>