Tecnología

Inicio

Cómo hacer un archivo HTML Dirección enlace a un mapa

Cómo hacer un archivo HTML Dirección enlace a un mapa


Con mapas en línea e hipervínculos, es fácil proporcionar a los huéspedes con un método sencillo de localizar un lugar y obtener indicaciones de conducción. Una vez que se crea un mapa que desea que otras personas vean, puede compartir un enlace al mapa. Al hacer clic en el enlace, se abre el mismo mapa que ha creado. Todos los enlaces que se resuelven en una página Web, como un mapa en línea, son direcciones URL que son direcciones HTML válido.

Instrucciones

1 Poner en marcha una aplicación de mapas como Google Maps o Bing Maps. Escribir una dirección en la barra de búsqueda y haga clic en el botón de búsqueda. Por ejemplo, escriba "1600 Pennsylvania Avenue, Washington, DC", y haga clic en el icono de búsqueda.

2 Haga clic en el icono "Enlace" en un mapa de Google en el panel de la izquierda encima de la dirección, a continuación, haga clic en el cuadro "URL corta" para mostrar una dirección de HTML que se vincula a un mapa de Google. Haga clic en el enlace "Compartir" en un mapa de Bing en la esquina superior derecha para mostrar una dirección de HTML que se vincula a un mapa de Bing.

3 Haga clic en la caja con la URL. Pulse la tecla "Ctrl + A" para seleccionar la dirección y pulse la tecla "Ctrl-C" para copiarlo en el portapapeles. Haga clic en la "X" para cerrar la ventana de Link o Compartir.

4 Crear una página HTML usando su editor de texto favorito o Bloc de notas y configurar la página hasta el cuerpo. Por ejemplo, escriba:

<! DOCTYPE html>
<Html>
<Head>
<Charset meta = "UTF-8">
<Title> Mapa </ title>
</ Head>
<Body>

5 Crear un hipervínculo al mapa en el cuerpo de la página. Por ejemplo, escriba lo siguiente y presione la tecla "Ctrl-V" para pegar la URL que ha copiado en el lugar de | URL pasta aquí |:

<P> Haga clic en la dirección de enlace HTML para abrir un mapa </ p>
<A href = "| URL pasta aquí |" target = "_ blank" title = "La Casa Blanca"> | URL pasta aquí | </a>
</ Body>
</ Html>

6 Guarde los cambios en el archivo y abrirlo con un navegador para ver la dirección de enlace HTML. Haga clic en el enlace para asegurar que enlaza directamente con el mapa.