Comment connecter et rechercher avec Joomla et OpenStreetMap

Lorsqu'on offre 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é lors du choix de nous comme leur meilleure option et la meilleure façon de leur faire connaître l'emplacement exact est d'utiliser une carte.

Joomla offre de nombreuses options pour intégrer des cartes et l'une des meilleures options est My Maps Locations qui vous permet de connecter votre site à des fournisseurs de cartes comme 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 Locations vous offre la possibilité de le faire vous-même de manière vraiment simple. Dans les étapes suivantes, nous allons voir à 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 Joomla OpenStreetMap, nous allons utiliser un Joomla hébergé localement.
Afin de connecter votre site Joomla à OpenStreetMap, il suffit d'aller à Composants > My Maps Location > Configuration > Configuration générale et définissez OpenStreetMap comme fournisseur de cartes et également comme recherche en autocomplétion, cela se fait simplement en cliquant dessus.

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

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

Affichons les emplacements sur cette extension de cartes Joomla 

Maintenant que nous avons défini OpenStreetMaps comme fournisseur de carte, 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 le frontend comme des filtres ou utilisées comme un 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 avez beaucoup d'emplacements, il est possible de créer des catégories et des sous-catégories. Pour créer une nouvelle catégorie, allez à 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 section de droite.

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 comme la confidentialité, la langue, les étiquettes 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 SÉLECTIONNER, enfin sélectionnez le marqueur que vous souhaitez utiliser et cliquez sur “Insérer”.

Maintenant que le marqueur est défini et que la catégorie est 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 sur le frontend.
Pour créer un emplacement, allez à Composants > My Maps Location > Emplacements > Nouveau.

• Nom de l'emplacement.
• 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 existe d'autres champs que vous pouvez remplir, mais ce sont les seuls obligatoires. 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 « RECHERCHER ». Vous pouvez également vous déplacer sur la carte et placer un marqueur directement, le résultat sera le même et vous obtiendrez une latitude et une longitude automatiquement renseignées. Toutes les autres informations sur l'emplacement (description, heures, ...) sont affichées dans la vue détaillée de l'emplacement. Le lien de contact dans l'édition détaillée de l'emplacement est la possibilité d'ajouter un lien de contact, mailto ou URL par emplacement. Sur le frontend, il y aura un bouton de contact qui ouvrira l'URL ou exécutera l'action mailto. Enfin, cliquez sur Enregistrer, l'emplacement sera créé.

La dernière étape consiste à afficher enfin 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 les emplacements d'éléments K2).
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.
Allez simplement à Extensions > Modules et cliquez sur Nouveau puis, sélectionnez le Module de carte My Maps Location.

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

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

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

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

Dans cet article, nous n'avons présenté que quelques fonctionnalités de cette extension incroyable, toutes les fonctionnalités comme l'intégration Hikashop sont vraiment faciles à utiliser et rendront votre site vraiment professionnel, alors la question est maintenant… Qu'attendez-vous ? Allez ici et obtenez votre abonnement maintenant !