WP Map Block – Gutenberg Map Block for Google Map and OpenStreet Map by aBlocks

Important Announcement: The WP Map Block plugin has officially merged with aBlocks. It’s an innovative and comprehensive Gutenberg blocks builder for WordPress. Now, you can enjoy enhanced mapping options alongside a wide range of customizable blocks. All within a single, powerful plugin aBlocks. Here’s how to Migrate WP Map Block to aBlocks!

Why Switch to aBlocks?

As a valued WP Map Block user, you’ll benefit from this upgrade in several ways:

Enhanced Mapping Features: Experience all the functionalities you loved in WP Map Block. The interactive maps with Google Maps and OpenStreetMap are now integrated into the powerful aBlocks framework. More Customization Options: With aBlocks, you have the access to an extensive library of blocks that allow you to create stunning layouts and designs beyond just maps. You can create a complete website with advanced customization options. User-Friendly Interface: The intuitive Gutenberg editor in aBlocks makes it easier than ever to add and customize maps and other blocks without any coding knowledge. Responsive Design: Ensure your maps and content look great on any device with built-in responsive settings.

Key Features of aBlocks:

Customizable Blocks: Explore various blocks designed for different content types, including container, headings, text & color customization and even more. Interactive Maps: Easily embed Google Maps or OpenStreetMap with customizable options and animations that enhance user engagement. Performance Optimized: Enjoy fast load times and smooth operation with aBlocks lightweight design.

Transferring from WP Map Block to aBlocks

If you were using WP Map Block, you can transfer to aBlocks uninterrupted. Simply install the aBlocks plugin from the WordPress directory. You’ll see a button “Convert to Map Block” in the section where you used the WP Map Block. Simply click it and all your existing map configurations will be automatically transferred. You’ll retain your map settings while gaining access to new and advanced customization options.

You can use the map block the same way you’ve used it before for Google Maps and OpenStreetMap.

The new Map Block offers a simple user interface that allows you to add Google Maps and OpenStreetMap to your WordPress site. This plugin is built with LeafletJS, an open-source JavaScript library for mobile-friendly interactive maps. This straightforward Map option for your website with advanced settings of aBlocks.

It is the ideal solution for you if you’re using the Gutenberg editor and require a map on your site. Using aBlocks, you can easily customize Google Maps or OpenStreetMap for Gutenberg-supported posts, pages, or custom post types for your WordPress site.

La forma más conveniente de utilizar el bloque mapa de Gutenberg para Google Maps y OpenStreet Maps.

WP Map Block ofrece una interfaz de usuario simple que te permite añadir Google Maps a tu sitio de WordPress. Este increíble plugin está construido con LeafletJS, una biblioteca JavaScript de código abierto para mapas interactivos compatibles con dispositivos móviles. No hay configuraciones superfluas ni redundantes y una opción de mapa sencilla para tu bloque de Gutenberg.

WP Map Block es la solución ideal para ti si estás utilizando el editor Gutenberg y necesitas un mapa en tu sitio. Con este plugin, puedes personalizar fácilmente Google Maps u OpenStreetMap para entradas, páginas o tipos de entradas personalizadas compatibles con Gutenberg para tu sitio de WordPress.

⭐ Live Demo ⭐ Docs

Características del plugin ✅

• Google Maps
• OpenStreet Maps
• Marcadores múltiples
• Control del zoom
• Control de mapa de pantalla completa
• Icono de marcador personalizado y ventana emergente
• Ancho y alto del mapa
• Generador de latitud y longitud a partir de la dirección
• Establecer cualquier marcador como posición central
• Maquetador de marcadores
• Marcador arrastrable
• No necesita ninguna clave API

🗺️Mapa de Google: establece el mapa de Google por defecto en cualquier página o entrada de tu sitio de WordPress. Con un solo clic, puedes seleccionar este mapa en cualquier lugar de tu sitio usando WP Map Block.

🛣️OpenStreet Maps: hemos incluido esta opción para que puedas activar OpenStreet Maps y modificarlo dentro de tu sitio. OpenStreet Map es un mapa de código abierto donde puede contribuir a mejorar la calidad de los datos en el mapa. Cada actualización que realice en Open Street Map es propiedad tanto de ti como de la comunidad en su conjunto.

📌Marcador múltiple: de forma por defecto, aparecerá un marcador en el mapa según tu ubicación. Pero puedes añadir marcadores adicionales en los ajustes de tu mapa personalizando. Además, establece el título y el contenido del marcador, así como la posición predeterminada del marcador.

🔎 Control de zoom: acerca y aleja el mapa con facilidad usando la opción de zoom. El mapa funciona rápidamente ya que está construido usando LeafletJS, y no toma mucho tiempo cargar el mapa después de acercar o alejar.

📲Control de mapa de pantalla completa: obten una vista de mapa de pantalla completa mientras usas el mapa presentado por este plugin. Puedes controlar el mapa muy cómodamente dentro de la pantalla completa y navegar por todo el mapa libremente.

🛠️ Ícono de marcador personalizado y ventana emergente: explora los ajuste y personaliza el marcador en tu mapa. Puedes colocar marcadores personalizados en el mapa y también colocar tus ventanas emergentes preferidas en el mapa.

🎚️Ancho y alto del mapa: puedes establecer tu ancho y alto preferidos en el mapa personalizándolo desde los ajustes. Esta opción te permite configurar el mapa que se muestra a una cierta altura y anchura y luego colocarlo en la parte frontal de tu sitio. Puedes configurarlo según tus preferencias de visualización.

☸️ Generador de latitud y longitud: puedes generar direcciones a partir de la latitud y longitud de tu ubicación. Con la ayuda de la latitud y la longitud, obtendrás una ubicación y una dirección precisas en el mapa.

📍Establece cualquier marcador como la posición central: puedes establecer el marcador en la posición central del mapa. Si has colocado un marcador personalizado en el mapa, puede configurarlo como tu marcador por defecto y establecer su posición en el medio. Esto mostrará el marcador como el marcador principal; se mostrará en el centro del mapa.

☄️Maquetador de marcadores: es posible que te aburras al ver el mismo icono de marcador antiguo en el mapa. WP Map Block te permite personalizar el mapa más allá de los elementos tradicionales del mapa. Puedes personalizar y crear un nuevo marcador y colocarlo en el mapa.

👋 Marcador que se puede arrastrar: arrastra el marcador a cualquier posición del mapa y muestra la ubicación rápidamente. La opción de arrastrar es realmente fluida y después de arrastrar el marcador, la ubicación se muestra instantáneamente.

🔑 No se requiere clave API: para colocar el mapa en tu sitio. Simplemente seleccione el bloque de mapa y colóquelo en cualquier página de tu sitio. La gran mayoría de los plugins de Google Map ahora disponibles en el mercado necesitan el uso de claves API para activar el mapa; sin embargo, nuestro plugin no lo hace.

🔥 LO SIGUIENTE

Si te gusta WP-Map-Block, entonces considera revisar nuestros otros plugins de WordPress GRATIS:

🔝 Academy LMS – Academy LMS is a modern, lightweight LMS plugin for WordPress. It helps users create and sell online courses, manage instructors, track student progress, quizzes, and more — all inside WordPress. 🔝 aBlocks – aBlocks is a powerful Gutenberg-based WordPress website builder and a clean alternative to Elementor. It provides custom blocks and design flexibility while keeping your website fast and bloat-free. 🔝 StoreEngine – StoreEngine is an all-in-one, next-gen eCommerce plugin for WordPress. It’s designed to make selling digital products, courses, memberships, and even physical goods easier than ever.

💙 Join the aBlocks Community

Don’t miss out on the opportunity to elevate your WordPress site with aBlocks. Experience enhanced mapping capabilities along with a suite of powerful design tools. Install aBlocks today and unlock the full potential of your website!

• Like on our aBlocks Website
• Join our aBlocks Facebook Page
• Join our aBlocks Community Group