JB Maps vam pruža jednostavan modul za ugradnju mape na vašu web stranicu. Ovo je besplatni modul koji je kreirao JoomlaBamboo, omogućava vam da postavite visinu, širinu, početnu poziciju i do 3 markera na mapi. Takođe vam omogućava da gradite rute između markera.

Funkcije

• Podešavanje visine karte.
• Podešavanje širine karte
• Instalacija standardni nivo zum
• Postavljanje početnih koordinata
• Napravite do 3 boda
• Izgradnja ruta između markera

Zavisnosti

Dodatak JB Library - ako vaša stranica ne koristi jQuery. Za sve naše T3 šablone, ne morate instalirati JB biblioteku da bi radila.

Instrukcije

Prvo se uvjerite da ste instalirali modul pomoću Joomla instalatera sa admin panela, a zatim postavite modul na željenu poziciju. Nakon toga ćete moći promijeniti postavke. Idite na Joomla admin panel i tamo pronađite upravitelja modula. Tako ćete vidjeti listu modula, pronaći modul JB Maps u njoj. Kliknite na naslov i vidjet ćete parametre koji se mogu konfigurirati. Ako trebaš Dodatne informacije o postavkama, povucite tekst ulijevo i pojavit će se savjet. Ne zaboravite da sačuvate promene.

Rješavanje problema

Instalirao sam modul, ali ga ne vidim?

Kada instalirate modul, on se nalazi na lijevoj poziciji modula i onemogućen je. Provjerite jeste li ga pomaknuli na željenu poziciju i da li je aktivan.

Mogu li koristiti automatsku opciju za podešavanja širine?

Ne, nije moguće postaviti za karticu automatska detekcijaširina. Morate odrediti maksimalnu širinu za prikaz karte na osnovu širine glavnog kontejnera vašeg predloška. Modul koristi CSS svojstvo maksimalne širine, koja osigurava da se kartica nikada ne proteže dalje od svog roditeljskog kontejnera u responzivnom dizajnu.

Zdravo svima! Mislim da svako od vas koristi s vremena na vrijeme Google usluge Mape i Yandex mapa za pregled saobraćajnih gužvi, uputstva za vožnju ili pronalaženje određene adrese. Usluge su vrlo zgodne i popularne, tako da definitivno zaslužuju našu pažnju. U ovom članku ću govoriti o Yandex Map modulu za Joomla. U isto vrijeme, razmotrimo analog od Googlea.

Za komercijalne organizacije, dobro rješenje bi bilo da ne samo naznače kontakt podatke, već i da dodaju mapu s označenom vašom lokacijom. Ovo je vrlo zgodno za klijente - omogućava im da se brzo kreću i razumiju kako da dođu do vas.

Ovo može biti korisno i za vlasnike neprofitnih Internet resursa: pokažite mjesto sastanka, omiljeni bioskop ili biciklističku rutu.

Ugradi dodatak Google Map za Joomla

Ekstenzije za integraciju u Joomla google mape dosta. Postoje komponente sa jednostavno ogromnom funkcionalnošću - na primjer, dodatak Googlemaps Plugin sa prosječnom ocjenom 4,85 od 5. Ovaj dodatak je dobar za sve, ali samo u potpunosti engleski jezik. S obzirom da postoji jako, jako, jako puno postavki, ne mogu ih svi razumjeti. Stoga predlažem korištenje drugog dodatka - Embed Google Map. Njegova funkcionalnost, iako nije tako impresivna, često je više nego dovoljna.

Dodatak Embed Google Map možete preuzeti sa joomla.org. Nema potrebe da raspakujete rezultujuću arhivu. Kao i sve ekstenzije, dodatak Embed Google Map se instalira putem .

Nakon instalacije idite na Plugin Manager i pronađite “Sadržaj - Ugradite Google mapu”. Aktiviramo dodatak tako što promijenimo njegovo stanje u "omogućeno" i idemo na postavke.

Pogledajmo osnovne parametre.

• Nivo zumiranja — podesite skalu.
• Jezik — izaberite jezik (ruski).
• Dodaj link - dodajte vezu na veću verziju. Oznaka veze — tekst ove veze.
• Visina i širina - visina i širina prozora.
• Bord—debljina ivice u pikselima.

Za prikaz na stranicama web-mjesta koristite sljedeći kod:

( google_map) adresa ( / google_map)

Umjesto adrese unesite traženu adresu. Dodatak Embed Google Map iznenađujuće dobro razumije ruski jezik. Na primjer, razumije sljedeću adresu: Krasnodar, ulica Krasnaya, zgrada 68.

Ovaj kod se može umetnuti ili u tekst materijala ili u standardni modul “HTML code”. U skladu s tim, u prvom slučaju karta će se pojaviti u području sadržaja, a u drugom u području modula. Samo koristite HTML editor CodeMirror. Vizuelni editor TineMCE nije prijateljski raspoložen sa ovom vrstom koda.

Izlazni kod se može dopuniti atributima.

1. Postavite skalu na 7.

3. Postavite veličinu prozora i debljinu ivice.

Atributi zamjenjuju vrijednosti ​​postavljene u postavkama dodatka.

Komponenta Zh YandexMap

Za kreiranje Yandex karte u Joomla 2.5 postoji samo jedno besplatno proširenje - komponenta Zh YandexMap. Ali vrlo kvalitetan - s velikim funkcionalnost i to u potpunosti na ruskom.

Zh YandexMap također možete preuzeti sa joomla.org. Instalira se standardno - preko Extension Managera. Budući da je Zh YandexMap komponenta, a ne dodatak, za sebe kreira stavku istog imena u odjeljku „Komponente“ glavnog Joomla administratorskog izbornika.

Da bi komponenta radila, morate nabaviti ključ za Yandex.Maps API. Idite na obrazac za preuzimanje API ključa od Yandexa.

• Unesite adresu stranice.
• Stavili smo kvačicu ispod korisničkog ugovora (koji mi se iz nekog razloga nije pojavio).
• Kliknite na "Preuzmi API ključ".

Već na sljedećoj stranici dobijamo dragocjeni ključ. Treba ga kopirati i zalijepiti u postavke komponente Zh YandexMap, kojoj se može pristupiti pomoću odgovarajućeg gumba na traci s alatima.

Koji je princip rada sa Zh YandexMap:

• Izrađujemo kartu kroz odgovarajući odjeljak. Radi praktičnosti, grupirani su u kategorije.
• Na kreiranu kartu stavljamo markere, rute i staze. Zauzvrat, oznake se kombinuju u grupe oznaka.

Pogledajmo kako da kreiramo jednostavan Yandex karta na koju se kasnije mogu dodati dodatne oznake, rute i staze.

Idite na odjeljak „Mape“ i kliknite na dugme „Kreiraj“ na traci sa alatkama u gornjem desnom uglu.

Sve potrebne stavke su označene zvjezdicama. Glavni su sljedeći:

Zdravo svima)

U ovom članku ćemo pogledati kako možete staviti kartica iz Yandexa na web stranicu Joomla.

Prvo idite ovdje http://api.yandex.ru/maps/tools/cms/ i preuzmite modul za Joomla.

Zatim ga instalirajte (Extension Manager - Prenesite datoteku paketa).

Sada idite na Module Manager i potražite instalirani modul

Kliknite na njega i uđite u postavke. Hvala Yandexu, sva podešavanja su na ruskom :)

Da biste stavili oznaku na pravo mjesto, možete jednostavno unijeti koordinate.

Također možete jednostavno zgrabiti i povući marker na željenu lokaciju na mapi.

Razmjer karte se može vidjeti u primjeru karte (iznad postavki). Kliknite na + ili - da vidite skalu.

Tip kartice se također može vidjeti u gornjem primjeru.

Širinu i visinu postavljamo tako da odgovaraju sajtu, u mom slučaju to je 500x400px.

Tekst (ime) ikone, html oznake- Dajemo ime oznaci na mapi.

Alat za naljepnicu - Tekst se pojavljuje kada pređete mišem preko oznake.

Balon - tekst kada kliknete na etiketu.

Skaliranje, Alati, Vrsta karte, Saobraćaj - dodaj dodatne opcije na mapi.

Dodatni parametri - bolje ih je ne dirati :) (za ovo pogledajte API za Yandex mape)

Nakon što je sve konfigurirano, spremite i objavite modul.

To je sve, sretno!)

Ovim kratkim člankom želim otvoriti novi odjeljak na blogu. Ovdje ću pisati o uslugama trećih strana koje vam omogućuju rješavanje problema za koje Joomla ili uopće nema gotove ekstenzije, ili postoje, ali ne rješavaju problem u potpunosti.

Također je vrijedno posebno istaknuti slučaj kada postoje ekstenzije, ali je sasvim moguće bez njih radeći direktno s API-jem usluge. Ovo je ono o čemu će se raspravljati u ovom članku.

Umetanje kartice s adresom trgovine na web stranicu je zadatak koji rješavaju gotovo svi vlasnici internetskih trgovina. Postoji nekoliko gotovih ekstenzija za Joomla ( , , ). Sve je u redu, sve radi, ali svaki modul dodaje svoja autorska prava i ima dodatnu funkcionalnost koja se zapravo ne koristi.

Po mom mišljenju, mnogo je lakše koristiti originalni izvor, odnosno dizajner karte iz samog Yandexa.

Kreiranje nove kartice je vrlo jednostavno. Nakon pritiska na dugme Kreirajte novu mapu Otvoriće se prozor u kojem možete dodati adrese prodavnica na mapu.

Za prikaz imena pored naljepnice odaberite tip Sa potpisom.

Sačuvajte rezultat i postavite postavke veličine u sljedećem koraku. Da biste prilagodili širinu karte veličini ekrana uređaja, aktivirajte opciju Rastegnite do širine.

Pritisnite dugme Uzmi kod kartice i kopirajte embed kod na web stranicu.

Ovaj kod se može umetnuti u materijal, modul ili jednostavno u izvorni kod šablona.

Još malo o umetanju koda u materijal. Na primjer, trebate dodati mapu na stranicu sa kontakt informacije prodavnica.

Ako stranica koristi JCE uređivač testova, onda sa zadanim postavkama ne dozvoljava umetanje u javascript stvari kod. Opcija će pomoći u ispravljanju situacije Dozvoli Javascrip V Komponente > JCE Editor > Profili urednika > Zadano > Opcije uređivača > Napredno.

Nakon toga, na stranici za uređivanje materijala kliknite na dugme za pregled izvorni kod i ubacite našu skriptu.

Da bismo prikazali mapu u modulu, jednostavno kreiramo modul sa tipom HTML kod i na sličan način ubacite kod kartice.

Sve je vrlo jednostavno i nema potrebe za instaliranjem ekstenzija trećih strana.

Mapa sajta OSMap.

Ova komponenta je u jednom trenutku bila najbolja za joomlu. Besplatna verzija Ovo proširenje ima sve što vam je potrebno za kreiranje mape stranice koja radi na osnovnim ekstenzijama. Sve što vam je potrebno da bi se mapa stranice pojavila na vašoj web stranici koja radi na Joomla engine-u je da instalirate ovo proširenje. Pa, konfigurirajte ga ako želite ukloniti određene stranice ili materijale s karte.

Ova komponenta je zamenila nekada popularnu mapu sajta za Joomla - " Xmap", koji više nije podržan, a službena web stranica Xmap je zatvorena.

Korak 1. Instaliranje sitemapa na Joomla

Prvo morate preuzeti arhivu. Tokom procesa instalacije, komponente i dodaci proširenja će biti instalirani OSMap.

Komponenta se instalira preko administrativnog panela stranice koristeći sljedeći put:

Ekstenzije ==> Menadžer ekstenzija ==> Učitaj fajl iz paketa

Odaberite preuzetu datoteku na svom računaru i kliknite Preuzmite i instalirajte

Kompletna kartica je instalirana i radi odmah.

Korak 2. - Postavke Sitemapa

U admin panelu stranice idite na Komponente => OSMap.

Evo mape sajta "Sitemap", na koju idemo.

Mapa je već kreirana i objavljena odmah nakon instalacije! Ne morate ništa drugo raditi, sve radi!

Radi praktičnosti, možete ga preimenovati, ali to zapravo nije važno.

U kartici Meni Označavamo menije koji bi trebali biti prikazani na mapi lokacije. Što se tiče prioriteta i učestalosti promjena, ne morate ništa mijenjati, jer će pretraživači i dalje indeksirati stranicu prema svojim pravilima.

Na kartici Opcije Dostupne su sljedeće postavke:

Ako niste postavili prijevod, on će biti prikazan na sljedeći način:

• Uvodni tekst- uvodni tekst za kartu u HTML formatu
• Menu Title- naziv menija na vrhu svakog menija
• CSS Ime klase- naziv vaše klase stila za mapu
• #Cols- indikacija broja kolona počevši od 2

• Slika vanjskih veza- odabir slika za eksterne veze
• Compress XML- kompresija karte
• Uljepšajte XML- prikaz karte, provjerite i odaberite opciju prikaza karte koja vam se sviđa
• Link do autora- onemogućite veze do programera ekstenzija

Korak 3. - Pogledajte kartu

Izlazimo iz podešavanja i vidimo u redu sa nazivom karte Map Links.

Kada kliknete na Slike, pojavit će se informacije o slikama stranice.

Korak 4: Kreirajte meni

Idite na MENU i kreirajte stavku menija OSMap - HTML Sitemap. U retku „Odaberite mapu sajta“ označavamo mapu sajta.

Na sljedećoj kartici "Sitemap Setting" nalazi se dugme za povezivanje stilova za ovu ekstenziju.

Otvaramo kreiranu stavku menija na sajtu, gde nas čeka mapa sajta.

Korak 5. Dodaci

U pravcu ekspanzije OSMap Uključeno je sedam dodataka, od kojih su tri podrazumevano uključena. Ostalo se koristi ovisno o prisutnosti instaliranih komponenti na stranici, poput foruma, trgovine i drugih.

Dodaci imaju postavke koje su po defaultu vrlo dobre, kao što je slučaj sa komponentom.

Kao sa karte OSMap uklonite nepotrebne web stranice

Da biste to uradili, potrebno je da se prijavite na sajt (ne u admin panelu, već na sajt!!) koristeći administratorsku prijavu. Otvorite XML sitemap – prethodno opisani korak 3. U krajnjoj lijevoj koloni, kada kliknete na zelenu “pticu”, možete uključiti/isključiti stavke koje su vam potrebne. Radi praktičnosti, na vrhu u bloku informacija omogućite "Prikaži naslove"

Pa, na kraju, ne zaboravite da upišete adresu mape sajta u fajl robots.txt

Da biste to učinili, dodajte sljedeći red u datoteku robots.txt.