Comment se connecter et rechercher avec Joomla et OpenStreetMap

Lorsque nous offrons un service via notre site Web ou lorsque nous avons des bureaux physiques, il est très important que les clients connaissent l'emplacement exact, car cela donne une plus grande sécurité lorsqu'ils nous choisissent comme leur meilleure option et la meilleure option pour leur faire savoir l'emplacement exact est en utilisant une carte.

Joomla offre de nombreuses options pour intégrer des cartes et l'une des meilleures options est My Maps Location s qui vous permet de connecter votre site à des fournisseurs de cartes tels que Google Maps, Bing et OpenStreetMap.
OpenStreetMap est un fournisseur de cartes très populaire avec de nombreuses options pour le connecter à votre site, mais vous pourriez avoir besoin de l'aide d'un développeur pour y parvenir, alors ne vous inquiétez plus, My Maps Location vous offre la possibilité de le faire. par vous-même d'une manière très simple. Dans les prochaines étapes, nous verrons à quel point il est facile de connecter OpenStreetMap à Joomla.

 Table des matières

Configuration de cette extension Joomla OpenStreetMap 

Afin de commencer à utiliser cette extension OpenStreetMap Joomla, nous allons utiliser un Joomla hébergé localement.
Pour connecter votre site Joomla à OpenStreetMap, il vous suffit d'aller dans Composants > My Maps Location > Configuration > Configuration générale et de définir OpenStreetMap comme fournisseur de cartes ainsi que comme recherche à saisie semi-automatique, cela se fait simplement en cliquant dessus.

Maintenant, tout doit être réglé, vous avez la possibilité de changer le type d'OpenStreetMap dans l'onglet «Fournisseurs de cartes».

Nous allons utiliser OpenStreetMap.Mapnik.
Lorsque vous avez tout terminé, cliquez simplement sur Enregistrer et tout sera fait.

Affichez les emplacements sur cette extension Joomla Maps 

Maintenant que nous avons défini OpenStreetMaps comme fournisseur de cartes, nous allons commencer à ajouter des emplacements et des catégories afin de les afficher dans le frontend. Tout d'abord, nous allons créer la catégorie pour ajouter l'emplacement à l'intérieur.

Une catégorie est la façon dont les emplacements sont classés, les catégories sont affichées dans l'interface sous forme de filtres ou utilisées comme paramètre prédéfini dans un élément de menu pour charger certains emplacements catégorisés.
Il est recommandé d'utiliser ces catégories lorsque vous disposez de beaucoup d'emplacements, il est possible de créer des catégories et des sous-catégories. Pour créer une nouvelle catégorie, accédez à Composants > My Maps Location > Catégorie et cliquez sur Nouveau.

Maintenant, vous devez remplir le titre et, si vous souhaitez définir cette catégorie comme sous-catégorie, vous devrez sélectionner un dossier parent dans la bonne section.

Gardez à l'esprit que dans cette section, vous pouvez définir cette catégorie comme publiée/non publiée et ajouter d'autres paramètres tels que la confidentialité, la langue, les balises et une note. Vous pouvez également définir un marqueur par défaut pour l'emplacement dans la catégorie dans l'onglet "Veuillez sélectionner un marqueur", allez dans cet onglet et cliquez sur SELECT , sélectionnez enfin le marqueur que vous souhaitez utiliser et cliquez sur "Insérer".

Maintenant que le marqueur est défini et la catégorie terminée, cliquez simplement sur Enregistrer et tout sera terminé pour cette catégorie. L'étape suivante consiste à créer un nouvel emplacement afin de l'afficher dans le frontend.
Pour créer un emplacement, accédez à Composants > My Maps Location > Emplacements > Nouveau .
Il y a 3 champs à remplir :

• Nom du lieu.
• Catégorie de l'emplacement.
• Détails de l'emplacement (adresse).

Il existe 3 options pour ajouter l'adresse :

• Utilisez le champ de recherche.
• Naviguez sur la carte et utilisez le curseur pour pointer un emplacement.
• Remplissez une adresse.

Il y a d'autres champs que vous pouvez remplir mais c'est celui-ci qui est obligatoire, pour cet exemple, nous allons remplir ces 3 champs.
Pour cet exemple, nous allons utiliser Big Ben comme emplacement.

C'est aussi simple que d'écrire « Big Ben » dans la barre de recherche et de cliquer sur « RECHERCHE ». Vous pouvez également vous déplacer sur la carte et poser directement un marqueur, le résultat sera le même et vous obtiendrez une latitude et une longitude automatiquement renseignées. Toutes les autres informations sur le lieu (description, horaires,...) sont affichées dans la vue détaillée du lieu. Le lien de contact dans l'édition des détails de l'emplacement est la possibilité d'ajouter un lien de contact, un mailto ou une URL par emplacement. Sur le frontend, ce sera un bouton de contact qui ouvrira l'URL ou exécutera l'action mailto. Enfin, cliquez sur Enregistrer , l'emplacement va être créé.

La dernière étape consiste enfin à afficher l'emplacement, pour cet exemple, nous allons ajouter l'emplacement en utilisant un module, My Maps Location est livré avec 2 modules pour les emplacements natifs + un autre pour l'intégration de tiers (comme un module pour afficher l'élément K2 Emplacements).
Le module vous permettra d'utiliser les mêmes filtres que le menu mais dans une position de module, vous pouvez afficher l'emplacement sous forme de carte ou de liste et vous avez également la possibilité de sélectionner certains emplacements ou une catégorie d'emplacement.
Il vous suffit d'aller dans Extensions > Modules et de cliquer sur Nouveau puis de sélectionner le module My Maps Location .

Dans cette section, vous allez pouvoir tout configurer pour le module, n'oubliez pas de définir OpenStreetMap comme fournisseur de cartes.

Nous avons appelé la catégorie OpenStreetMap comme catégorie de la carte que nous avons créée auparavant.
Enfin, cliquez simplement sur Enregistrer et le module Carte sera terminé.

Nous l'avons ajouté à la bonne section et il a l'air plutôt bien.
Comme vous pouvez le voir, c'était vraiment facile à configurer et il suffit de cliquer sur certaines choses pour le terminer.

Commencez à utiliser My Maps Location et créez le meilleur site Web Joomla

Dans cet article, nous n'avons montré que quelques fonctionnalités de cette extension géniale, toutes les fonctionnalités comme l' intégration Hikashop sont vraiment faciles à utiliser et donneront à votre site un aspect vraiment professionnel, donc la question est maintenant… Qu'attendez-vous ? Allez ici et obtenez votre adhésion maintenant !