Descripción

Este plugin requiere WordPress 5.0 o superior.

Clave API

Este plugin requiere una clave API para interactuar con Google Maps. Sin una clave API, los mapas no se mostrarán.

To obtain an API key follow these steps:
1. Create a new project in the Google Developer’s console by clicking here and selecting Create new project
1. Name your project
1. Select HTTP referrers (web sites) for the Key restriction type
1. Enter the domains where your API key will be used
– Example: *.mysite.com
1. Click the Create button
1. Write your API key down in a safe place
1. Enter the API key into the plugin settings
1. Clear full page caching, if necessary

Nota: la clave API se expondrá públicamente para generar el mapa. Es importante restringir tu clave API para que otros no abusen de ella. La clave API se usará y se mostrará tanto en el editor de WordPress como en la interfaz del sitio.

Usar

Una vez que hayas guardado una clave API en los ajustes del plugin, simplemente ingresa una ubicación, como Nueva York, NY, o una dirección completa. También puedes elegir el ancho del mapa, la altura, el nivel de zoom y alternar entre un mapa interactivo o una imagen estática en los ajustes del bloque, que son visibles en la barra lateral derecha cuando se selecciona el bloque.

Capturas

GIF animado que muestra una demostración del plugin

Instalación

Este plugin se puede instalar como lo harías con cualquier otro plugin de WordPress. Debido a que las incrustaciones de Google Map requieren una clave API, también deberás proporcionar una clave API válida en los ajustes del plugin. Consulta los pasos detallados a continuación.

Instala y activa el plugin de Gutenberg si tienes una versión de WordPress <= 5.0
Sube el plugin en el directorio /wp-content/plugins/
Activa el plugin a través del menú «Plugins» en WordPress
Obtén una clave de API de incrustación de Google Map (instrucciones a continuación)
Visita la página de ajustes del plugin e ingresa/guarda tu clave API de incrustación de Google Map
Vacía la caché de la página completa si está activado para tu sitio para que la clave API se pueda leer desde los ajustes del plugin a través de la API REST
Busca Google Map al añadir un nuevo bloque de contenido
Introduce una ubicación para el mapa. Esta puede ser una dirección exacta para una ubicación consultable, como Nueva York, NY
Opcionalmente, edita los ajustes avanzados del bloque

Reseñas

Miro J 20 de marzo de 2019 1 respuesta

Easy to install and configure. Totally recommended!

2players 4 de septiembre de 2018 1 respuesta

Awesome. It worked at once and it’s really easy to customize. Excellent work!

Leer todas las 2 reseñas

Colaboradores y desarrolladores

«Gutenberg Block For Google Maps Embed By Pantheon» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Andrew Taylor

«Gutenberg Block For Google Maps Embed By Pantheon» está traducido en 1 idioma. Gracias a los traductores por sus contribuciones.

Traduce «Gutenberg Block For Google Maps Embed By Pantheon» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.5.3

Elimina la comprobación del lado del servidor para una URL válida de Google Maps, ya que fallaba y evitaba que el mapa se mostrara en algunos entornos. Si se proporciona una clave API de Google Maps no válida, se mostrará un mensaje de error de Google Maps en la página.

1.5.2

Usa la HTTP API de WordPress en lugar de curl para comprobar el código de respuesta del mapa URL Además, almacena en caché el código de respuesta de la URL del mapa en un dato transitorio para evitar realizar una solicitud en cada carga de página.

Oculta la sección de entrada de clave API en los ajustes del bloque de mapa cuando la clave API de Google Map se define con la constante GOOGLE_MAPS_API_KEY. Además, añade la clase api-key-input-container al div que rodea el campo de entrada de la clave API en los ajustes del bloque del mapa para facilitar el estilo.

1.5.1

Corrección de fallos de relación de aspecto para abordar este problema de WordPress.org.

Corrige la relación de aspecto 1:1 que se muestra incorrectamente como 2:1
Mueve 16:9 delante de 4:3 en la lista de selección de relación de aspecto para que las relaciones de aspecto estén en orden de ancho

1.5.0

Permite a los no administradores usar el bloque de mapa

Los ajustes de la variable de la API requieren la capacidad manage_options. Esto es problemático porque solo los administradores tienen ese permiso por defecto, por lo que los usuarios con un perfil menor no pueden usar el bloque de mapa.

La clave API guardada y un valor booleano de si el usuario actual tiene la capacidad manage_options ahora se pasan al editor de bloques JS. Esos valores se utilizan para determinar si una clave API está presente. Si no son solo los usuarios que tienen la capacidad manage_options, se les muestra una opción para actualizar la clave API. Los usuarios sin esa capacidad deben solicitar a un administrador que guarde la clave API.

Una vez que se guarda una clave API, el bloque funciona como se esperaba para los usuarios sin la capacidad manage_options, ya que la clave API ya no se obtiene de la API REST para esos usuarios.

1.3.5

Elimina la dependencia de wp-blocks del registro de bloque CSS

1.3.4

Poner en cola bloque JavaScript en el pie de página

1.3.3

Añadir filtro render_pantheon_google_map_block

1.3.2

Usa InspectorControls en wp.editor en lugar de wp.blocks ya que quedará obsoleto en Gutenberg 3.1

1.3.1

Corrige un fallo al recuperar la clave API de la base de datos que hace que el mapa no se muestre en la portada

1.3

Actualiza a webpack 4

1.2

Usa create-guten-block para crear activos.
- El proceso de compilación anterior tiene dependencias que usaban una versión de hoek que tenía una vulnerabilidad

1.1.2

Pon en cola scripts/estilos de bloque automáticamente usando register_block_type
Cambia focus a isSelected
No permitir la edición HTML de la fuente del bloque

1.1.1

Importa controles desde wp.components en lugar de wp.blocks.InspectorControls
Prueba funcional de 4.9.2 a 4.9.5

1.1.0

Bloque dinámico
Clave API introducida directamente en el bloque
Elimina la página de ajustes del plugin
Ajustes de clave API sincronizada en estado global entre todos los bloques.
README actualizado con nuevas instrucciones de la API
- Incluye enlace de flujo de Google Developer para la clave de API
Usa la variable de la API REST de los ajustes del núcleo de WordPress en lugar de una variable personalizada.

1.0.0

Versión inicial

Pretty good and easy

It works!