JB Maps vám poskytuje jednoduchý modul na vloženie mapy na váš web. Toto je bezplatný modul vytvorený JoomlaBamboo, umožňuje vám nastaviť výšku, šírku, počiatočnú pozíciu a až 3 značky na mape. Umožňuje tiež vytvárať trasy medzi značkami.

Funkcie

• Nastavenie výšky mapy.
• Nastavenie šírky mapy
• Inštalácia štandardná úroveň priblížiť
• Nastavenie počiatočných súradníc
• Vytvorte až 3 značky
• Budovanie trás medzi značkami

Závislosti

Plugin JB Library – ak vaša stránka nepoužíva jQuery. Pre všetky naše šablóny T3 nemusíte inštalovať knižnicu JB, aby fungovala.

Inštrukcie

Najprv sa uistite, že ste nainštalovali modul pomocou inštalačného programu Joomla z administračného panela a potom umiestnite modul na požadované miesto. Potom budete môcť zmeniť nastavenia. Prejdite na administračný panel Joomla a nájdite tam správcu modulov. Uvidíte teda zoznam modulov, nájdite v ňom modul JB Maps. Kliknite na nadpis a zobrazia sa vám parametre, ktoré je možné konfigurovať. Ak potrebuješ Ďalšie informácie o nastaveniach posuňte text doľava a zobrazí sa nápoveda. Nezabudnite uložiť zmeny.

Riešenie problémov

Nainštaloval som modul, ale nevidím ho?

Keď inštalujete modul, nachádza sa na ľavej pozícii modulu a je vypnutý. Skontrolujte, či ste ho presunuli do požadovanej polohy a či je aktívny.

Môžem použiť automatickú možnosť na nastavenie šírky?

Nie, nie je možné nastaviť pre kartu automatická detekciašírka. Musíte zadať maximálnu šírku pre zobrazenie mapy na základe šírky hlavného kontajnera vašej šablóny. Modul používa Vlastnosť CSS max-width, ktorá zaisťuje, že karta v responzívnom dizajne nikdy nepresahuje svoj nadradený kontajner.

Ahojte všetci! Myslím, že každý z vás z času na čas používa služby Google Mapy a mapa Yandex na zobrazenie dopravných zápch, trás jazdy alebo nájdenie konkrétnej adresy. Služby sú veľmi pohodlné a obľúbené, preto si určite zaslúžia našu pozornosť. V tomto článku budem hovoriť o module Yandex Map pre Joomla. Zároveň uvažujme o analógu od spoločnosti Google.

Pre komerčné organizácie by bolo dobrým riešením nielen uviesť kontaktné informácie, ale pridať aj mapu s vyznačenou polohou. To je pre klientov veľmi výhodné – umožňuje im to rýchlo sa orientovať a pochopiť, ako sa k vám dostať.

To môže byť užitočné aj pre majiteľov neziskových internetových zdrojov: ukážte miesto stretnutia, obľúbené kino alebo cyklistickú trasu.

Vložiť doplnok Google Map pre Joomla

Rozšírenia pre integráciu do Joomla Google Mapy dosť. Existujú komponenty s jednoducho obrovskou funkčnosťou - napríklad rozšírenie Googlemaps Plugin s priemerným hodnotením 4,85 z 5. Tento plugin je dobrý pre každého, ale iba úplne anglický jazyk. Vzhľadom na to, že existuje veľmi, veľmi, veľmi veľa nastavení, nie každý im rozumie. Preto navrhujem použiť iný plugin - Embed Google Map. Jeho funkčnosť, aj keď nie je taká pôsobivá, je často viac než dostatočná.

Doplnok Embed Google Map si môžete stiahnuť z joomla.org. Výsledný archív nie je potrebné rozbaľovať. Ako všetky rozšírenia, aj doplnok Embed Google Map sa inštaluje cez .

Po inštalácii prejdite do Správcu doplnkov a nájdite „Obsah - Vložiť mapu Google“. Doplnok aktivujeme zmenou jeho stavu na „povolené“ a prejdeme do nastavení.

Pozrime sa na Základné parametre.

• Úroveň priblíženia — nastavenie mierky.
• Jazyk — vyberte jazyk (ruština).
• Pridať odkaz – pridajte odkaz na väčšiu verziu. Štítok odkazu — text tohto odkazu.
• Výška a šírka - výška a šírka okna.
• Border—hrúbka okraja v pixeloch.

Ak chcete zobraziť na stránkach lokality, použite nasledujúci kód:

( google_map) adresa ( / google_map)

Namiesto adresy zadajte požadovanú adresu. Plugin Embed Google Map prekvapivo dobre rozumie ruskému jazyku. Rozumie napríklad tejto adrese: Krasnodar, Krasnaja ulica, budova 68.

Tento kód je možné vložiť buď do textu materiálu alebo do štandardného modulu „HTML kód“. Podľa toho sa v prvom prípade mapa zobrazí v oblasti obsahu av druhom v oblasti modulu. Stačí použiť HTML editor CodeMirror. Vizuálny editor TineMCE nie je priateľský s týmto druhom kódu.

Výstupný kód je možné doplniť atribútmi.

1. Nastavte mierku na 7.

3. Nastavte veľkosť okna a hrúbku okraja.

Atribúty nahrádzajú hodnoty nastavené v nastaveniach pluginu.

Komponent Zh YandexMap

Na vytvorenie mapy Yandex v Joomla 2.5 existuje iba jedno bezplatné rozšírenie - komponent Zh YandexMap. Ale veľmi kvalitné - s veľkými funkčnosť a úplne v ruštine.

Zh YandexMap si môžete stiahnuť aj z joomla.org. Nainštalované štandardne - cez Extension Manager. Keďže Zh YandexMap je komponent a nie doplnok, vytvorí si pre seba položku s rovnakým názvom v sekcii „Komponenty“ hlavnej ponuky správcu Joomla.

Aby komponent fungoval, musíte získať kľúč pre rozhranie Yandex.Maps API. Prejdite na formulár na získanie kľúča API od spoločnosti Yandex.

• Zadajte adresu lokality.
• Zaškrtli sme užívateľskú zmluvu (ktorá sa mi z nejakého dôvodu nezobrazila).
• Kliknite na „Získať kľúč API“.

Už na ďalšej strane dostaneme cenný kľúč. Mal by sa skopírovať a vložiť do nastavení komponentu Zh YandexMap, ku ktorému je možné pristupovať pomocou príslušného tlačidla na paneli s nástrojmi.

Aký je princíp práce s Zh YandexMap:

• Vytvárame mapu prostredníctvom príslušnej sekcie. Pre pohodlie sú rozdelené do kategórií.
• Do vytvorenej mapy vložíme značky, trasy a cestičky. Značky sa zase spájajú do skupín známok.

Pozrime sa, ako vytvoriť jednoduchý Yandex mapu, na ktorú možno neskôr použiť ďalšie značky, trasy a cesty.

Prejdite do sekcie „Mapy“ a kliknite na tlačidlo „Vytvoriť“ na paneli s nástrojmi v pravom hornom rohu.

Všetky požadované položky sú označené hviezdičkami. Hlavné sú nasledujúce:

Ahojte všetci)

V tomto článku sa pozrieme na to, ako môžete dať mapa z Yandex na webovú stránku Joomla.

Najprv prejdite sem http://api.yandex.ru/maps/tools/cms/ a stiahnite si modul pre Joomla.

Potom ho nainštalujte (Správca rozšírení - Nahrať súbor balíka).

Teraz prejdite do správcu modulov a vyhľadajte nainštalovaný modul

Kliknite naň a prejdite do nastavení. Ďakujem Yandex, všetky nastavenia sú v ruštine :)

Ak chcete umiestniť značku na správne miesto, môžete jednoducho zadať súradnice.

Môžete tiež jednoducho chytiť a pretiahnuť značku na požadované miesto na mape.

Mierku mapy môžete vidieť v ukážke mapy (nad nastaveniami). Kliknutím na + alebo - zobrazíte mierku.

Typ karty je možné vidieť aj v príklade vyššie.

Šírku a výšku nastavíme tak, aby vyhovovali stránke, v mojom prípade je to 500x400px.

Text (názov) ikony, html tagy- Značke na mape dávame názov.

Popis menovky – Keď umiestnite kurzor myši na menovku, zobrazí sa text.

Balónik – text po kliknutí na štítok.

Mierka, Nástroje, Typ mapy, Premávka - pridať ďalšie možnosti na mape.

Dodatočné parametre - je lepšie sa ich nedotýkať :) (pozrite si API pre mapy Yandex)

Keď je všetko nakonfigurované, uložte a publikujte modul.

To je všetko, veľa šťastia!)

Týmto krátkym článkom chcem otvoriť novú sekciu na blogu. Tu budem písať o službách tretích strán, ktoré vám umožňujú riešiť problémy, pre ktoré Joomla buď vôbec nemá hotové rozšírenia, alebo existujú, no problém úplne neriešia.

Samostatne stojí za to zdôrazniť prípad, keď existujú rozšírenia, ale je celkom možné sa bez nich zaobísť priamou prácou s rozhraním API služby. To je to, o čom bude tento článok diskutovať.

Vloženie karty s adresou obchodu na webovú stránku je úloha, ktorú riešia takmer všetci majitelia internetových obchodov. Existuje niekoľko hotových rozšírení pre Joomla ( , , ). Všetko je v poriadku, všetko funguje, ale každý modul pridáva svoje autorské práva a má ďalšie funkcie, ktoré sa v skutočnosti nepoužívajú.

Podľa môjho názoru je oveľa jednoduchšie použiť pôvodný zdroj, konkrétne návrhára máp od samotného Yandexu.

Vytvorenie novej karty je veľmi jednoduché. Po stlačení tlačidla Vytvorte novú mapu Otvorí sa okno, v ktorom môžete pridať adresy obchodov do mapy.

Ak chcete zobraziť názov vedľa štítku, vyberte typ S podpisom.

Uložte výsledok a v ďalšom kroku nastavte nastavenia veľkosti. Ak chcete prispôsobiť šírku mapy veľkosti obrazovky zariadenia, aktivujte možnosť Roztiahnite do šírky.

stlač tlačidlo Získajte kód karty a skopírujte kód na vloženie na stránku.

Tento kód je možné vložiť do materiálu, modulu alebo jednoducho do zdrojového kódu šablóny.

Trochu viac o vkladaní kódu do materiálu. Napríklad musíte pridať mapu na stránku s kontaktné informácie obchod.

Ak stránka používa testovací editor JCE, potom s predvolenými nastaveniami neumožňuje vkladanie do javascriptové veci kód. Táto možnosť pomôže napraviť situáciu Povoliť Javascrip V Komponenty > Editor JCE > Profily editora > Predvolené > Možnosti editora > Rozšírené.

Potom na stránke úpravy materiálu kliknite na tlačidlo pre zobrazenie zdrojový kód a vložte náš skript.

Na zobrazenie mapy v module jednoducho vytvoríme modul s typom HTML kód a podobne vložte kód karty.

Všetko je veľmi jednoduché a nie je potrebné inštalovať rozšírenia tretích strán.

Mapa stránok OMap.

Tento komponent bol svojho času najlepší pre joomla. Bezplatná verzia Toto rozšírenie má všetko, čo potrebujete na vytvorenie mapy webu spustenej na základných rozšíreniach. Všetko, čo potrebujete, aby ste mali na svojom webe mapu stránok spustenú na motore Joomla, je nainštalovať toto rozšírenie. Nakonfigurujte ho, ak chcete z mapy odstrániť určité stránky alebo materiály.

Tento komponent nahradil kedysi populárny sitemap pre Joomla - " Xmap“, ktorý už nie je podporovaný a oficiálna stránka Xmap bola zatvorená.

Krok 1. Inštalácia mapy webu na Joomla

Najprv si musíte stiahnuť archív. Počas procesu inštalácie sa nainštalujú komponenty a doplnky rozšírenia OMap.

Komponent sa inštaluje cez administračný panel lokality pomocou nasledujúcej cesty:

Rozšírenia ==> Správca rozšírení ==> Načítať súbor z balíka

Vyberte stiahnutý súbor v počítači a kliknite Stiahnite si a nainštalujte

Celá karta je nainštalovaná a funguje okamžite.

Krok 2. - Nastavenia súboru Sitemap

Na paneli správcu stránky prejdite na Komponenty => OMap.

Tu je mapa stránok "Sitemap", na ktorú prejdeme.

Mapa je už vytvorená a zverejnená ihneď po inštalácii! Nemusíte robiť nič iné, všetko funguje!

Pre pohodlie ho môžete premenovať, ale na tom nezáleží.

V záložke Ponuka Označujeme ponuky, ktoré sa majú zobraziť v mape stránok. Pokiaľ ide o prioritu a frekvenciu zmien, nemusíte nič meniť, pretože vyhľadávače budú stále indexovať stránku podľa svojich vlastných pravidiel.

Na karte možnosti K dispozícii sú nasledujúce nastavenia:

Ak ste nenastavili preklad, zobrazí sa nasledovne:

• Úvodný text- úvodný text k mape vo formáte HTML
• Názov menu- názov ponuky v hornej časti každej ponuky
• Názov triedy CSS- názov vašej triedy štýlu pre mapu
• #Cols- údaj o počte stĺpcov od 2

• Obrázok externých odkazov- výber obrázkov pre externé odkazy
• Komprimovať XML- kompresia mapy
• Skrášliť XML- zobrazenie mapy, začiarknite a vyberte možnosť zobrazenia mapy, ktorá sa vám páči
• Odkaz na autora- zakázať odkazy na vývojárov rozšírení

Krok 3. - Pozrite si mapu

Ukončíme nastavenia a uvidíme v riadku s názvom mapy Odkazy na mapu.

Keď kliknete na snímky, zobrazia sa informácie o obrázkoch stránok.

Krok 4: Vytvorte menu

Prejdite do MENU a vytvorte položku ponuky OSMap - HTML Sitemap. V riadku „Vyberte mapu lokality“ uvádzame mapu lokality.

Na ďalšej karte „Nastavenie mapy webu“ je tlačidlo na pripojenie štýlov pre toto rozšírenie.

Otvoríme vytvorenú položku menu na stránke, kde nás čaká mapa lokality.

Krok 5. Pluginy

Smerom k expanzii OMap Zahrnutých je sedem doplnkov, z ktorých tri sú zahrnuté v predvolenom nastavení. Zvyšok sa používa v závislosti od prítomnosti nainštalovaných komponentov na stránke, ako je fórum, obchod a iné.

Pluginy majú predvolene veľmi dobré nastavenia, ako je to v prípade komponentu.

Ako z mapy OMap odstrániť nepotrebné webové stránky

Ak to chcete urobiť, musíte sa prihlásiť na stránku (nie v paneli správcu, ale na stránke!!) pomocou prihlásenia správcu. Otvorte XML mapu stránok - vyššie popísaný krok 3. V stĺpci úplne vľavo, keď kliknete na zeleného „vtáčika“, môžete zapnúť/vypnúť položky, ktoré potrebujete. Pre pohodlie povoľte v hornej časti informačného bloku "Zobraziť nadpisy"

No a na záver nezabudnite do súboru napísať adresu sitemapy robots.txt

Ak to chcete urobiť, pridajte nasledujúci riadok do súboru robots.txt.