Hoe te verbinden en zoeken met Joomla en OpenStreetMap

Wanneer we een dienst aanbieden via onze website of wanneer we fysieke kantoren hebben, is het erg belangrijk dat klanten de exacte locatie weten, omdat dit grotere zekerheid geeft wanneer ze ons kiezen als hun beste optie en de beste optie om ze de exacte locatie te laten weten is door het gebruik van een kaart.

Joomla biedt veel opties om kaarten in te sluiten en een van de beste opties is My Maps Locations waarmee u uw site kunt verbinden met kaartproviders zoals Google Maps, Bing en OpenStreetMap.
OpenStreetMap is een echt populaire kaartprovider met veel opties om het te verbinden met uw site, maar u hebt mogelijk hulp nodig van een ontwikkelaar om het te bereiken, dus maak u geen zorgen meer, My Maps Locations biedt u de mogelijkheid om het zelf op een heel eenvoudige manier te doen. In de volgende stappen gaan we zien hoe eenvoudig het is om OpenStreetMap te verbinden met Joomla.

 Inhoudsopgave

Deze OpenStreetMap Joomla-extensie instellen 

Om te beginnen met het gebruik van deze OpenStreetMap Joomla-extensie, gaan we een lokaal gehoste Joomla gebruiken.
Om je Joomla-site te verbinden met OpenStreetMap, moet je naar Componenten > My Maps Location > Configuratie > Algemene configuratie en OpenStreetMap instellen als de kaartprovider en ook als de autocomplete-zoekopdracht, dit doe je door simpelweg op ze te klikken.

Nu zou alles klaar moeten zijn, je hebt de optie om het OpenStreetMap-type te wijzigen in het tabblad “Map Providers”.

We gaan OpenStreetMap.Mapnik gebruiken.
Als je alles hebt voltooid, klik je gewoon op Opslaan en alles is klaar.

Laten we locaties weergeven op deze Joomla-kaartenextensie 

Nu we OpenStreetMaps hebben ingesteld als de kaartprovider, gaan we locaties en categorieën toevoegen om ze in de frontend weer te geven, eerst gaan we de categorie maken om de locatie binnen toe te voegen.

Een categorie is hoe de locaties worden geclassificeerd, categorieën worden in de frontend weergegeven als filters of gebruikt als een vooraf gedefinieerde parameter in een menu-item om enkele gecategoriseerde locaties te laden.
Het wordt aanbevolen om deze categorieën te gebruiken wanneer u veel locaties heeft, het is mogelijk om categorieën en subcategorieën te maken. Om een nieuwe categorie te maken gaat u naar Componenten > My Maps Location > Categorie en klikt u op Nieuw.

Nu moet u de titel invullen en, als u die categorie wilt instellen als subcategorie, moet u een bovenliggende map selecteren in de rechter sectie.

Houd er rekening mee dat u in dit gedeelte deze categorie kunt instellen als gepubliceerd/ongepubliceerd en andere parameters kunt toevoegen zoals privacy, taal, tags en een notitie. U kunt ook een standaard markering voor de locatie in de categorie definiëren in het tabblad “Selecteer een markering”, ga naar dat tabblad en klik op SELECTEREN, selecteer ten slotte de markering die u wilt gebruiken en klik op “Invoegen”.

Nu de markering is gedefinieerd en de categorie is voltooid, klikt u gewoon op Opslaan en alles is voltooid voor die categorie. De volgende stap is om een nieuwe locatie te maken om deze in de frontend weer te geven.
Ga naar Componenten > My Maps Location > Locaties > Nieuw.
Er zijn 3 velden die moeten worden ingevuld:

• Naam van de locatie.
• Categorie van de locatie.
• Locatiegegevens (adres).

Er zijn 3 opties om het adres toe te voegen:

• Gebruik het zoekveld.
• Navigeer naar de kaart en gebruik de cursor om een locatie aan te wijzen.
• Vul een adres in.

Er zijn andere velden die u kunt invullen, maar deze zijn vereist, voor dit voorbeeld gaan we deze 3 velden invullen.
Voor dit voorbeeld gaan we Big Ben als locatie gebruiken.

Het is net zo eenvoudig als “Big Ben” in de zoekbalk te schrijven en op “Zoeken” te klikken. U kunt ook op de kaart bewegen en direct een markering plaatsen, het resultaat zal hetzelfde zijn en u krijgt automatisch een breedtegraad en lengtegraad ingevuld. Alle andere informatie over de locatie (beschrijving, uren,...) wordt weergegeven in de gedetailleerde weergave van de locatie. De contactlink in de locatie detail editie is de mogelijkheid om een contactlink, mailto of URL per locatie toe te voegen. Op de frontend zal het een contactknop zijn die de URL opent of de mailto actie uitvoert. Klik tenslotte op Opslaan, de locatie zal worden aangemaakt.

De laatste stap is om uiteindelijk de locatie weer te geven, voor dit voorbeeld gaan we de locatie toevoegen met behulp van een module, My Maps Location wordt geleverd met 2 modules voor native locaties + andere voor 3rd party integratie (zoals een module om K2 item locaties weer te geven).
De module zal het je mogelijk maken om dezelfde filters te gebruiken als het menu, maar dan op een modulepositie, je kunt de locatie weergeven als een kaart of een lijst en je hebt ook de optie om enkele locaties of een locatiecategorie te selecteren.
Ga gewoon naar Extensies > Moduless en klik op Nieuw en selecteer vervolgens de Kaartmodule My Maps Location

In dit gedeelte kunt u alles instellen voor de module, vergeet niet om OpenStreetMap in te stellen als kaartprovider.

We hebben de OpenStreetMap-categorie de categorie voor de kaart genoemd die we eerder hebben gemaakt.
Klik tenslotte gewoon op Opslaan en de kaartmodule is voltooid.

We hebben het aan de juiste sectie toegevoegd en het ziet er vrij goed uit.
Zoals je kunt zien was het heel eenvoudig om het in te stellen en het was slechts een kwestie van een paar klikken om het af te ronden.

Begin met het gebruik van My Maps Location en maak de beste Joomla-website

In dit bericht hebben we slechts enkele functies van deze geweldige extensie getoond, alle functies zoals de Hikashop-integratie zijn echt eenvoudig te gebruiken en zorgen ervoor dat uw site er echt professioneel uitziet, dus de vraag is nu… Waar wacht u nog op? Ga hier en verkrijg nu uw lidmaatschap!