Cómo conectar y buscar con Joomla y OpenStreetMap

Cuando ofrecemos un servicio a través de nuestro sitio web o cuando tenemos oficinas físicas, es muy importante que los clientes conozcan la ubicación exacta, ya que esto les da mayor seguridad al elegirnos como su mejor opción y la mejor opción para que sepan la ubicación exacta es mediante el uso de un mapa.

Joomla ofrece muchas opciones para incrustar mapas y una de las mejores opciones es My Maps Locations que te permite conectar tu sitio con proveedores de mapas como Google Maps, Bing y OpenStreetMap.
OpenStreetMap es un proveedor de mapas muy popular con muchas opciones para conectarlo con tu sitio, pero podrías necesitar la ayuda de un desarrollador para lograrlo, así que no te preocupes más, My Maps Locations te ofrece la opción de hacerlo tú mismo de una manera muy fácil. En los próximos pasos, vamos a ver lo fácil que es conectar OpenStreetMap con Joomla.

 Tabla de contenido

Configurando esta extensión de Joomla OpenStreetMap 

Para empezar a usar esta extensión de Joomla de OpenStreetMap, vamos a utilizar un Joomla alojado localmente.
Para conectar tu sitio de Joomla con OpenStreetMap, solo tienes que ir a Componentes > My Maps Location > Configuración > Configuración general y establecer OpenStreetMap como proveedor de mapas y también como búsqueda de autocompletar, se hace simplemente haciendo clic en ellos.

Ahora todo debería estar configurado, tienes la opción de cambiar el tipo de OpenStreetMap en la pestaña "Proveedores de mapas".

Vamos a utilizar OpenStreetMap.Mapnik.
Cuando hayas terminado todo, simplemente haz clic en Guardar y todo estará hecho.

Mostremos ubicaciones en esta extensión de mapas de Joomla 

Ahora que hemos configurado OpenStreetMaps como proveedor de mapas, vamos a empezar a agregar ubicaciones y categorías para mostrarlas en el frontend, primero vamos a crear la categoría para agregar la ubicación dentro.

Una categoría es cómo se clasifican las ubicaciones, las categorías se muestran en el frontend como filtros o se utilizan como parámetro predefinido en un elemento de menú para cargar algunas ubicaciones categorizadas.
Se recomienda utilizar estas categorías cuando tenga muchas ubicaciones, es posible crear categorías y subcategorías. Para crear una nueva categoría vaya a Componentes > My Maps Location > Categoría y haga clic en Nuevo.

Ahora, tiene que rellenar el título y, si quiere establecer esa categoría como subcategoría, tendrá que seleccionar una carpeta principal en la sección derecha.

Tenga en cuenta que en esta sección, puede establecer esta categoría como publicada/no publicada y añadir otros parámetros como la privacidad, idioma, etiquetas y una nota. También puede definir un marcador predeterminado para la ubicación en la categoría en la “pestaña Seleccionar un marcador”, vaya a esa pestaña y haga clic en SELECCIONAR, finalmente seleccione el marcador que desea utilizar y haga clic en “Insertar”.

Ahora que el marcador está definido y la categoría terminada, simplemente haga clic en Guardar y todo estará terminado para esa categoría. El siguiente paso es crear una nueva ubicación para mostrarla en el frontend.
Para crear una ubicación, vaya a Componentes > My Maps Location > Ubicaciones > Nueva.
Hay 3 campos que deben completarse:

• Nombre de la ubicación.
• Categoría de la ubicación.
• Detalles de la ubicación (dirección).

Hay 3 opciones para agregar la dirección:

• Usar el campo de búsqueda.
• Navegue por el mapa y use el cursor para señalar una ubicación.
• Rellenar una dirección.

Hay otros campos que puedes rellenar, pero estos son los que son obligatorios, para este ejemplo, vamos a rellenar estos 3 campos.
Para este ejemplo, vamos a utilizar Big Ben como ubicación.

Es tan simple como escribir “Big Ben” en la barra de búsqueda y hacer clic en “BUSCAR”. También puede moverse en el mapa y colocar un marcador directamente, el resultado será el mismo y obtendrá una latitud y una longitud rellenadas automáticamente. Toda la demás información sobre la ubicación (descripción, horas, ...) se muestra en la vista detallada de la ubicación. El enlace de contacto en la edición de detalles de la ubicación es la posibilidad de agregar un enlace de contacto, mailto o URL por ubicación. En el frontend, será un botón de contacto que abrirá la URL o ejecutará la acción mailto. Finalmente, haga clic en Guardar, la ubicación se creará.

El último paso es finalmente mostrar la ubicación, para este ejemplo, vamos a agregar la ubicación utilizando un módulo, My Maps Location viene con 2 módulos para ubicaciones nativas + otros para integración de terceros (como un módulo para mostrar ubicaciones de elementos K2).
El módulo le permitirá usar los mismos filtros que el menú pero en una posición de módulo, puede mostrar la ubicación como un mapa o una lista y también tiene la opción de seleccionar algunas ubicaciones o una categoría de ubicación.
Simplemente vaya a Extensiones > Módulos y haga clic en Nuevo, luego seleccione el Módulo de Mapa My Maps Location.

En esta sección, podrá configurar todo para el módulo, recuerde establecer OpenStreetMap como proveedor de mapas.

Hemos llamado categoría de OpenStreetMap a la categoría del mapa que hemos creado antes.
Finalmente, simplemente haga clic en Guardar y el módulo de mapa estará terminado.

Lo hemos agregado a la sección derecha y se ve bastante bien.
Como puede ver, fue realmente fácil de configurar y simplemente haga clic en algunas cosas para terminar.

Comienza a usar My Maps Location y crea el mejor sitio web de Joomla

En esta publicación, solo hemos mostrado algunas características de esta increíble extensión, todas las características como la integración con Hikashop son realmente fáciles de usar y harán que su sitio se vea realmente profesional, así que la pregunta ahora es… ¿Qué está esperando? Vaya aquí y obtenga su membresía ahora.