¿Cómo insertar un mapa de Google en un sitio web en html?

cómo insertar un mapa de google en un sitio web en html

mapa de Google con el domicilio social de la empresa colocada en ella sitio web es de gran ayuda para los clientes que buscan su asiento. Gracias a dicho mapa, los clientes no solo conocerán la ubicación, sino que también establecerán una ruta hacia ella en la navegación con un solo clic, guardarán la dirección en su cuenta de Google o verán las reseñas dejadas por otros usuarios.

Para insertar un mapa de Google en su sitio web, debe generarlo. Para hacer esto, vaya a navegador versión de Google Maps y buscar la dirección de la empresa u otro lugar cuyo mapa queremos implementar en el sitio web.

Cuando el panel con información sobre un lugar determinado se encuentra en el lado izquierdo de la pantalla, ingrese al menú usando el botón con el icono de tres líneas horizontales. Allí, entre muchas opciones, se debe elegir "compartir o insertar un mapa".

Después de presionar, veremos una ventana con dos pestañas: la primera le permitirá compartir el mapa con otro usuario de Internet a través de un mensaje privado, y la segunda colocar un mapa de Google en el sitio web.

Aquí puede ajustar el tamaño del mapa futuro: podemos elegir entre tamaños pequeños, medianos, grandes y también personalizados, en los que puede definir el ancho y la altura del mapa en píxeles. Cada dimensión se nos muestra de forma continua para facilitar la selección. Después de determinar qué tamaño debe tomar el mapa, copie el código que se encuentra al lado.

Cómo insertar un mapa de Google en un sitio web paso a paso

El código html generado debe colocarse en el código de la página. Si el sitio web se basa en un sistema de gestión de contenido, como WordPress, la nueva publicación o el editor de la página tendrá la opción de pegar el código. De esta forma, puede colocar rápidamente un mapa en una nueva entrada o en una subpágina. Este mapa también se puede colocar en el widget en cualquier lugar de la página.

Si el sitio web no utiliza WordPress o soluciones similares, el código generado debe ser insertado usted mismo. Luego, debe editar el archivo index.html usted mismo (si desea agregar un mapa a la página de inicio) o el archivo responsable de una de las subpáginas y crear un elemento div en el que se debe pegar el código. Más avanzado en la creación de sitios web con complementos adicionales también puede cambiar ligeramente la apariencia del mapa base, por ejemplo, agregando un rango (útil para un restaurante que ofrece entrega), agregando más de un marcador (cuando la empresa tiene varias sucursales) o el color el mapa para que se vea estéticamente agradable, coincidió con los colores de la página.

Cabe agregar que los mapas generados de esta manera, llamados por Google "incrustar", es decir "incorporado" son gratis.

Sin embargo, el uso de la API de Google Maps a partir de 2018 es pagadero. De acuerdo con la lista de precios actual, el costo depende de la cantidad de impresiones: los sitios pequeños no están expuestos a tarifas cuando no exceden el límite mensual de doscientos dólares. Los importes individuales se pueden facturar Lista de precios de Google Maps Platform, donde también hay límites de visualización, si se exceden, Google le cobrará. La API de Google Maps le permite elegir más mapas: puede elegir mapas dinámicos y estáticos con los que no se puede interactuar, mapas integrados avanzados con opciones adicionales que amplían los mapas integrados gratuitos estándar.

Udostępnij

Ver también

Deja un comentario

Su dirección de correo electrónico no será publicada.

logotipo de buey
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore