Cómo usar WP Google Maps en WordPress y mostrar ubicaciones










  • Agregar mapas a un sitio web se ha convertido en una práctica muy popular en estos días. Los mapas proporcionan direcciones e información de ubicación para todo tipo de cosas. Hay varias formas de agregar un mapa de Google a su sitio web. Si desea agregar mapas y mostrar ubicaciones, usar un complemento como WP Google Maps es una opción fantástica.

    En realidad, hay varios complementos realmente buenos que le permiten trabajar con Google Maps de varias maneras diferentes. Hay un paso adicional que debe tomar ahora para utilizar Google Maps en todo su potencial.

    Hoy en día, Google te hace obtener una API y rastrea más uso de mapas. No es difícil, pero es un paso adicional que debe tomar. Dicho esto, el complemento particular de WordPress Google Map que estamos usando hoy también le permite usar algo llamado «Capas abiertas».

    Esta es básicamente una opción que le brinda una funcionalidad mucho más limitada, pero le permite usar Google Maps sin tener que obtener una API.

    Como hay tantas personas que se preguntan cómo agregar Google Maps a WordPress, decidimos escribir un artículo al respecto. Echemos un vistazo al complemento WP Google Maps y luego veamos cómo ponerlo en funcionamiento en su sitio web de WordPress .

    WP Google Maps

    Complemento WP Google Maps

    WP Google Maps es un complemento de mapas de WordPress muy fácil de usar que le permite agregar fácilmente Google Maps personalizados a cualquier publicación o página usando un código abreviado. No tendrá que lidiar con ningún iFrames en absoluto.

    El complemento le permite crear casi cualquier tipo de mapa que necesite. Es perfecto para mapas de contacto, rutas, direcciones y mapas que muestran áreas de entrega. Por supuesto, puede hacer cualquier tipo de mapa que desee, incluido uno que muestre ubicaciones específicas.

    El complemento viene con una amplia variedad de características y un montón de funcionalidad. Algunos de estos incluyen:

    • Fácil de usar, no requiere codificación
    • Marcadores de mapa ilimitados
    • Mapas receptivos
    • Ediciones de marcador de botón de clic
    • 9 temas de mapas
    • Crea tu propio tema de mapa
    • Arrastra y suelta marcadores a ubicaciones exactas
    • Habilidad de bloqueo de mapa
    • Compatible con Google Street View
    • Widgets de mapa
    • Funcionalidad de pantalla completa
    • Compatible con complementos de almacenamiento en caché
    • Compatible con Cloudfare
    • Última API de Google Maps
    • Última API de OpenLayers

    Y eso es solo la punta del iceberg. El complemento WordPress Google Map básicamente le brinda todo lo que necesita para incorporar un sistema de mapas completamente funcional con ubicaciones en su sitio web.

    Echemos un vistazo a cómo instalar el complemento y luego repasemos su configuración.

    Nota: El complemento WP Google Maps también tiene una versión pro. Esto extenderá la funcionalidad aún más. Sin embargo, el tutorial a continuación se basa en la versión gratuita del complemento. Le brinda todas las herramientas que necesita para crear mapas fluidos, limpios y listos para sitios web.

    Instalar y activar el complemento

    Antes de que pueda comenzar a agregar WordPress Google Maps y ubicaciones, primero debe instalar y activar el complemento. Puede hacerlo yendo a la página Complementos dentro de su panel de administración de WordPress.

    Simplemente vaya y busque el enchufe por su nombre e instálelo directamente desde allí.

    Instalar y activar wp google maps

    Una vez que el complemento se haya instalado y activado, se le llevará automáticamente a una página de «bienvenida» para el complemento.

    Página de bienvenida para el complemento de mapas de wordpress

    Desde aquí, puede hacer clic en el botón «Omitir introducción y crear un mapa» para crear un mapa. Sin embargo, antes de hacer eso, necesitamos ajustar la configuración juntos.

    Haga clic en Mapas > Configuración para acceder a la configuración principal y las opciones de configuración del complemento. Lo encontrará en el área de menú de la izquierda de su tablero una vez que se haya activado el complemento.

    Haga clic en mapas y luego en configuración

    Repasemos estos ajustes juntos.

    Configuración de mapas de Google WP

    En este punto, se encuentra en la página de configuración del complemento WP Google Maps. En la parte superior, verá la siguiente notificación que le informa que primero debe obtener una API de Google para que los mapas funcionen al máximo de su potencial.

    notificación de api de mapas de google

    Se le presentan varios enlaces para obtener su API. Hay instrucciones detalladas sobre cómo hacerlo. Simplemente siga los enlaces y complete el proceso. Una vez que tenga su API de Google Maps, puede regresar y conectarla en el campo requerido y guardarla.

    Nota: Si no desea conectar una API de Google Maps, puede intentar usar OpenLayers Map Engine que admite el complemento. Si esta es suficiente funcionalidad para usted, pruébela.

    Ahora que su API está en su lugar, puede desplazarse hacia abajo y verá seis pestañas en la página de configuración. Éstos incluyen:

    • mapas
    • Ventanas de información
    • Listado de marcadores
    • Localizador de tiendas
    • Avanzado
    • Cumplimiento del RGPD

    Echemos un vistazo a estos juntos.

    mapas

    Aquí es donde seleccionará todas las configuraciones de su mapa, incluido el Map Engine que desea usar (Google Maps o Open Layers).

    Pestaña de configuración del mapa

    Ventanas de información

    Estas son las configuraciones que se mostrarán para las ventanas de información de sus marcadores abiertos en los mapas que construya.

    Ficha Ventanas de información

    Listado de marcadores

    Estas son todas las opciones de diseño y visualización de la lista de marcadores. Rellénelos de la forma en que desea que se muestren en su sitio.

    Pestaña de listado de marcadores para WP Google Maps

    Localizador de tiendas

    Inserta los números de localización de tiendas que creas convenientes en esta área.

    Pestaña del localizador de tiendas

    Avanzado

    Aquí encontrará algunas configuraciones más avanzadas para el complemento. Complétalos como quieras. También tiene la posibilidad de agregar scripts personalizados desde esta pestaña.

    Lengüeta avanzada

    Cumplimiento del RGPD

    El complemento WP Google Maps incluye una pestaña para asegurarse de que su sitio cumpla con GDPR en este aspecto. Si desea solicitar el consentimiento de un usuario antes de mostrar el mapa, deberá marcar esta casilla.

    Pestaña de cumplimiento gdpr de google maps de wp

    Eso es todo. Asegúrate de guardar todas tus configuraciones y listo. Ahora está listo para agregar su primer mapa y obtener el código abreviado para mostrarlo.

    Agregar un mapa de Google de WordPress

    Para acceder a sus mapas, haga clic en «Mapas» en el área de menú de la izquierda de su tablero. Esto te llevará a todos tus mapas. Se mostrará un mapa listo para que lo nombre y lo edite como desee.

    Nota: Recuerda, con la versión gratuita puedes crear tantos marcadores y ubicaciones en un mapa como quieras. Sin embargo, para crear mapas ilimitados, necesitará la versión pro del complemento.

    Haga clic en el botón editar

    Continúe y haga clic en el botón «Editar» para abrirlo.

    Cuando se abra el mapa, verá tres áreas principales, todas con múltiples pestañas. La parte superior fue la configuración del mapa que acabamos de revisar juntos. Sin embargo, también puede crear un mapa desde aquí y corregir todas las configuraciones como desee.

    Crear sección de mapa

    Una vez que haya creado el mapa, haga clic en el botón «Guardar mapa» y desplácese hacia abajo.

    Aquí ves la sección “Marcadores”. Esta sección le permite crear sus marcadores de mapa y ver cómo se mostrarán. Use esta sección para construir los marcadores como desee.

    Sección de marcadores

    Puede construir diferentes marcadores para usar y aplicarlos a ciertas ubicaciones que construya a continuación. Continúe y agregue tantos como desee.

    Finalmente, desplácese hacia abajo un poco más y llegará a la parte de dirección y ubicación de la sección de marcadores. Aquí es donde construirá y creará todas sus ubicaciones y les aplicará marcadores. Estas ubicaciones se mostrarán en el mapa que ha creado.

    Direcciones y ubicaciones

    En la parte inferior de la página, verá algunas opciones más cuando se trata de ampliar el complemento comprando la versión pro. Eres más que bienvenido a revisar esto y hacer la compra si crees que beneficia lo que estás haciendo.

    Opciones pro esrion para wp google maps

    ¡Eso es todo! En este punto, ha creado el mapa, los marcadores y las ubicaciones. Simplemente guárdelo, luego tome el código abreviado provisto y colóquelo en cualquier publicación o página que desee.

    Pensamientos finales

    Agregar mapas a su sitio de WordPress no tiene por qué ser difícil. Sí, a lo largo de los años, Google ha cambiado la forma en que le permiten usar los mapas, pero con un par de pasos adicionales y una API, aún puede acceder a la funcionalidad que proporciona Google Maps.

    La clave es encontrar un complemento sólido de mapas de WordPress que le permita crear y mostrar fácilmente mapas para su sitio web. WP Google Maps le ofrece un montón de opciones y funcionalidades.

    Espero que este tutorial le haya mostrado lo fácil que es crear una pantalla de Google Maps en su sitio web.

    ¿Ha intentado usar Google Maps sin un complemento y simplemente incrustarlos? ¿Ha descubierto que de esta manera permite una mayor funcionalidad?