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 le permite conectar su 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 su sitio, pero podría necesitar la ayuda de un desarrollador para lograrlo, así que no se preocupe más, My Maps Locations le ofrece la opción de hacerlo usted mismo de una manera muy fácil. En los siguientes pasos, veremos lo fácil que es conectar OpenStreetMap con Joomla.

 Tabla de contenido

Configurando esta extensión de Joomla OpenStreetMap 

In order to start to use this OpenStreetMap Joomla extension, we are going to use a local hosted Joomla.
In order to connect your Joomla site with OpenStreetMap, you just have to go to Components > My Maps Location > Configuration > General Configuration and set OpenStreetMap as the map provider and also as the Autocomplete search, it is done just by clicking them.

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 la forma en que se clasifican las ubicaciones, las categorías se muestran en el frontend como filtros o se utilizan como un parámetro predefinido en un elemento de menú para cargar algunas ubicaciones categorizadas.
Se recomienda usar estas categorías cuando tienes muchas ubicaciones, es posible crear categorías y subcategorías. Para crear una nueva categoría ve a Componentes > My Maps Location > Categoría y haz 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, el idioma, etiquetas y una nota. También puede definir un marcador predeterminado para la ubicación en la categoría en la “Seleccione una pestaña de marcador”, vaya a esa pestaña y haga clic en SELECCIONAR, finalmente seleccione el marcador que desea usar y haga clic en “Insertar”.

Ahora que el marcador está definido y la categoría terminada, simplemente haga clic en Guardar y todo quedará 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 > Nuevo.
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. 

It is as simple as write “Big Ben” in the search bar and clicks on “SEARCH”. You can also move on the map and put a marker directly, the result will be the same and you’ll get a latitude and a longitude automatically filled. All other information about the location (description, hours,...) is displayed in the detailed view of the location. The contact link in the location detail edition is the possibility to add a contact link, mailto, or URL per location. On the frontend, it will a contact button that will open the URL or execute the mailto action. Finally, click on Save, the location is going to be created.

El último paso es mostrar finalmente la ubicación, para este ejemplo, vamos a añadir la ubicación usando 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 permitirá que uses los mismos filtros que el menú pero en una posición de módulo, puedes mostrar la ubicación como mapa o como lista y también tienes la opción de seleccionar algunas ubicaciones o una categoría de ubicación.
Simplemente ve a Extensiones > Módulos y haz clic en Nuevo luego, selecciona 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, hemos mostrado solo algunas funciones de esta increíble extensión, todas las funciones como la integración de Hikashop son realmente fáciles de usar y harán que tu sitio se vea muy profesional, así que la pregunta ahora es… ¿Qué estás esperando? Ve aquí y obtén tu membresía ahora!