El bloque Mapas te permite añadir un mapa a cualquier entrada o página de tu sitio.
Requisitos
Para usar el bloque del mapa necesitas un token de acceso a Mapbox.
- Si todavía no tienes una cuenta de Mapbox, dirígete a https://www.mapbox.com/signup/ y crea una cuenta gratuita.
- Inicia sesión en tu cuenta de Mapbox.
- Dirígete a https://www.mapbox.com/account/ y busca la sección Tokens de acceso en el menú de la parte superior.
- Copia el Token público por defecto en el portapapeles.
![](https://cdn.statically.io/img/jetpackme.files.wordpress.com/2018/11/mapbox-access-token.png)
Cómo añadir el bloque Mapas
Puedes añadir el bloque Mapas a cualquier entrada o página eligiéndolo en la sección Jetpack del selector de bloques:
![](https://cdn.statically.io/img/jetpackme.files.wordpress.com/2018/11/jetpack-map-block.png)
Consulta nuestra página Bloques de Jetpack para obtener más información sobre cómo añadir bloques de Jetpack.
Si este es el primer bloque Mapas que has añadido a tu sitio, deberás introducir tu token de acceso a Mapbox.
- Pega el Token público por defecto que copiaste antes en el portapapeles en el campo de token del bloque Mapas.
- Haz clic en Establecer token.
![](https://cdn.statically.io/img/jetpackme.files.wordpress.com/2018/11/map-block-access-token-e1542816830924.png)
Se cargará el mapa con un campo de texto para que añadas un marcador de ubicación.
![](https://cdn.statically.io/img/jetpackme.files.wordpress.com/2018/11/map-block-add-location.png)
Escribe la ubicación que deseas mostrar en el mapa. Dicha ubicación puede ser tan general o tan específica como quieras y se autocompletará a medida que escribes. Haz clic en la ubicación correcta para añadirla a tu mapa.
A continuación, puedes hacer clic en el símbolo del marcador rojo para editar el título y la leyenda del marcador.
![](https://cdn.statically.io/img/jetpackme.files.wordpress.com/2018/11/map-block-edit-caption.png)
Ten en cuenta que, aunque edites aquí la dirección en el campo de leyenda, la posición del marcador no cambiará, solo el texto mostrado en tu mapa al hacer clic en el marcador.
Cómo añadir marcadores de ubicación adicionales
Puedes añadir marcadores de ubicación adicionales al mismo mapa, por ejemplo, si tienes una cadena de restaurantes y deseas mostrar todas las ubicaciones en un mapa.
Para añadir un marcador de ubicación, haz clic en el botón Añadir un marcador e introduce los detalles de ubicación igual que antes.
![](https://cdn.statically.io/img/jetpackme.files.wordpress.com/2018/11/map-block-add-marker.png)
Cuando añades más de un marcador de ubicación, el mapa se aleja para mostrar todos los marcadores.
![](https://cdn.statically.io/img/jetpackme.files.wordpress.com/2018/11/map-block-multiple-markers.png)
Configuración del bloque Mapas
Cuando se elige el bloque Mapas, en la barra lateral se muestran algunas opciones que se pueden personalizar.
Para personalizar la apariencia de tu mapa, puedes elegir el tema del mapa, si deseas o no mostrar los nombres de las calles y el color de los marcadores de ubicación.
![](https://cdn.statically.io/img/jetpackme.files.wordpress.com/2018/11/map-block-appearance.png)
La sección Marcadores te permite editar todos tus marcadores. El proceso para editar un marcador aquí es exactamente igual que si haces clic en el propio marcador y lo editas ahí; sin embargo, si tienes muchos marcadores que editar, puede ser más fácil con estas opciones.
![](https://cdn.statically.io/img/jetpackme.files.wordpress.com/2018/11/map-block-markers-settings.png)
La configuración de Token de acceso a Mapbox te permite actualizar o eliminar tu token de acceso a Mapbox. Ten en cuenta que, si tienes varios mapas en tu sitio y eliminas un token de acceso de un mapa, este se eliminará de todos tus mapas, pero tus marcadores de ubicación se guardarán y seguirán ahí si añades un nuevo token de acceso.
![](https://cdn.statically.io/img/jetpackme.files.wordpress.com/2018/11/map-block-access-token-settings.png)
La configuración Avanzada te permite añadir una clase de CSS personalizado en tu mapa para que puedas crear tu propio diseño de CSS personalizado si lo deseas.
Solución de problemas
Si experimentas problemas con el bloque Mapas, ponte en contacto con el servicio de soporte.
Información de privacidad
Esta función está activada por defecto. No se puede desactivar, el bloque Mapas está siempre disponible en el selector de bloques.
El bloque Mapas usa Mapbox. Puedes encontrar su política de privacidad aquí: https://www.mapbox.com/privacy/
Datos utilizados | |
---|---|
Usuarios o propietarios del sitio
Clave API de Mapbox. Cuando se buscan ubicaciones, los términos de búsqueda se envían a Mapbox. Los mosaicos de mapas se cargan desde Mapbox. |
Visitantes del sitio
Ninguno. |
Seguimiento de actividad | |
Usuarios o propietarios del sitio
No realizamos ningún seguimiento. Consulta la política de privacidad de Mapbox para obtener información detallada de la actividad que siguen. |
Visitantes del sitio
No realizamos ningún seguimiento. Consulta la política de privacidad de Mapbox para obtener información detallada de la actividad que siguen. |
Datos sincronizados (más información) | |
Usuarios o propietarios del sitio
Clave API de Mapbox. Contenido de entradas. También sincronizamos opciones que determinan cómo se han configurado los ajustes disponibles de la función. |
Visitantes del sitio
Ninguno. |