Open Street Maps con The Events Calendar plugin Wordpress

Siempre que tengo que elegir un calendario de eventos para un proyecto realizado con Wordpress, opto por el maravilloso plugin “The Events Calendar” by Modern Tribe. Pero hace tiempo que me incomoda mucho usar los mapas de Google Maps, y no hablemos ya de su API. Además del uso y recogida de datos que hace, ya sabéis que desde hace un tiempo para usar su API, hay que meter unos datos de facturación y eso es un problema para ciertos clientes. Así que empecé a buscar por la red, como poder integrar los mapas de OpenStreetMaps con el plugin  “The Events Calendar”.

 

Primeros intentos

Encontré un par de hilos en la parte de soporte de la web de “The Events Calendar”, https://theeventscalendar.com/support/forums/topic/open-street-maps-in-events-calendar/, https://theeventscalendar.com/support/forums/topic/implementation-of-osm-openstreetmap-2/. Después de leerlos me queda claro que la empresa que ha creado el plugin “The Events Calendar”, no le da ningún tipo de prioridad a la posibilidad de implementar los mapas de OpenStreetMap en este plugin, pero uno de los usuarios participantes en el hilo comentaba tener una posible solución, que con alguna pequeña modificación me ha servido para conseguir el objetivo.

De los hilos de soporte llegué a esta página web que fue la que me arrojó luz para llegar a la solución https://woyng.com/the-events-calendar-mit-openstreetmaps-statt-google-maps/

 

Implementación de OpenStreetMap

  1. Instalamos el plugin de Leaflet Map, que inserta mapas de OpenStreetMap a través de Shortcodes.
  2. Ahora buscamos un fichero del plugin “The Event Calendar”, que se llama map-basic.php y se encuentra en la ruta /the-events-calendar/src/views/modules/map-basic.php
  3. Copiamos este fichero dentro de nuestro theme activo, creando las carpetas tribe-events y modules: /mi-theme/tribe-events/modules/map-basic.php
  4. Dejamos el código de este fichero así:

 

Crear evento con localización en The Event Calendar

Ahora simplemente creamos lo eventos igual que lo hacíamos hasta ahora pero sin marcar la opción de “Mostrar enlace al mapa”, porque este nos llevaría a un mapa de Goole Maps

Creando evento en The Event Caledar

Una vez metida la dirección del evento la visualización de este quedaría así:

Si queremos personalizar el mapa, tendríamos que mirar los shortcodes del plugin Leaflet e incorporarlos al fichero /mi-theme/tribe-events/modules/map-basic.php

 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *