Ako pridať interaktívnu mapu vo WordPress

Chcete do aplikácie WordPress pridať interaktívnu mapu? Interaktívne mapy umožňujú vašim používateľom objavovať trasy, cesty a trasy kliknutím na značky na mape alebo pohybom myši. V tomto článku vám ukážeme, ako ľahko pridať interaktívnu mapu do WordPress.

Pridajte interaktívnu mapu do WordPress

Výukový program pre video

Zaregistrujte sa do programu WPBeginner

Ak sa vám video nepáči alebo potrebujete ďalšie pokyny, čítajte ďalej.

metóda 1: Pridajte interaktívnu mapu na WordPress pomocou Mojich máp Google

Táto metóda je jednoduchšia a nevyžaduje inštaláciu doplnku na vaše stránky WordPress.

Najprv musíte navštíviť webovú stránku Moje mapy Google a kliknúť na tlačidlo „Vytvoriť novú mapu“.

Vytvorte novú mapu

Tým sa dostanete na stránku úprav mapy. Na tejto obrazovke si môžete vytvoriť mapu výberom základnej mapy, pridaním bodov POI, vrstiev a ďalších.

Úpravy mapy

Pomocou lišty nástrojov v hornej časti môžete nakresliť čiary na mape, pridať trasy, použiť pravítka a vybrať prvky.

Pomocou panela s nástrojmi mapy

Všetky prvky mapy sú uložené vo vrstvách na ľavej strane. Vrstvy môžete pridávať, upravovať, premenovať alebo dokonca odstrániť. Môžete tiež kliknúť na ľubovoľnú položku vo vašej vrstve a pridať popis, zmeniť názov alebo pridať fotografie / videá.

Pridajte popisy

Po dokončení úprav mapy musíte mapu zverejniť, aby ste ju mohli používať na svojom webe. Môžete to urobiť kliknutím na tlačidlo zdieľania na paneli úprav.

Podeľte sa o svoje interaktívnu mapu

Otvorí sa centrum zdieľania, v ktorom musíte kliknúť na položku Zmeniť v časti Kto má prístup.

Nastavenia zdieľania

Potom musíte vybrať možnosť „Povolené – verejné na webe“ a kliknúť na tlačidlo Uložiť.

Zverejnite svoju mapu

Potom kliknutím na tlačidlo „Hotovo“ zatvorte centrum zdieľania.

Na paneli úprav kliknite na ikonu ponuky vedľa názvu mapy a vyberte možnosť „Vložiť na moju stránku“.

Vložte mapu na web

Zobrazí sa kód na vloženie, ktorý potrebujete skopírovať.

Zadajte kód

Potom prejdite na pošte alebo stránku, kam chcete pridať interaktívnej mapy WordPress. Na nasledujúcej obrazovke úprav musíte prepnúť do textového editora a prilepiť kód na vloženie mapy, ktorý ste predtým skopírovali.

Vložte svoj interaktívny mapový kód do WordPress

Teraz môžete uložiť zmeny a zobraziť ukážku svojho príspevku, aby ste si mohli pozrieť interaktívnu mapu v akcii.

Zobrazenie mapy

metóda 2: Pridajte interaktívnu mapu do WordPress pomocou doplnku

Aj keď s Mapami Google môžete vytvárať a pridávať interaktívne mapy, stále jej chýbajú určité funkcie a je obmedzená na Mapy Google.

Ak chcete používať Open Street Maps, Bing alebo iné mapové služby, táto metóda je pre vás.

Prvá vec, ktorú by ste mali urobiť, je inštalácia a aktivácia doplnku Maps Marker Pro. Ďalšie informácie nájdete v našej podrobnej príručke, ako nainštalovať doplnok WordPress.

Po aktivácii musíte navštíviť Maps Marker Pro vytvorte svoju interaktívnu mapu. Ak chcete začať, musíte kliknúť na tlačidlo „Pridať novú vrstvu“.

Pridajte novú mapu na svoju mapu

Ďalej musíte zadať názov vrstvy a kliknúť na publikovať.

Vytvorte novú vrstvu a zverejnite ju

Teraz, keď ste vytvorili vrstvu, ste k nej pripravení pridať značky mapy. go Mapy Marker Pro »Pridajte novú značku Stránka pridať svoj prvý záložku.

Pridajte prvý štítok

Najprv musíte zadať názov značky a potom vyhľadať miesto a vybrať ho.

Musíte tiež umiestniť svoju značku na vrstvu, ktorú ste vytvorili skôr. Môžete to urobiť zadaním názvu vrstvy do poľa Vrstvy a jeho výberom.

Nezabudnite kliknúť na tlačidlo „Publikovať“, aby ste si uložili svoje obľúbené.

Opakujte postup a do vrstvy pridajte ďalšie značky.

Po pridaní záložiek môžete upraviť ľubovoľný príspevok alebo stránku WordPress, na ktorú chcete pridať mapu.

Na obrazovke úprav publikácie kliknite na tlačidlo „Pridať mapu“.

Tlačidlo Pridať mapu

Zobrazí sa kontextové okno so všetkými značkami mapy a predtým vytvorenou vrstvou. Musíte vybrať vrstvu a kliknite na tlačidlo Vložiť mapu.

Vyberte a vložte vrstvu mapy na svoj príspevok alebo stránku

Doplnok pridá požadovaný krátky kód do oblasti vášho editora príspevkov. Teraz môžete svoj príspevok a zobrazenie uložiť alebo zverejniť a zobraziť interaktívnu mapu.

Zobraziť interaktívnu mapu

Vždy môžete upravovať svoju hlavnú vrstvu a upravovať tak veľkosť a rozmery mapy.

Mapy Marker Pro je výkonný doplnok s množstvom možností, ako sú viacvrstvové mapy, vlastné značky, smery, podpora GPX, exportná mapa v rôznych formátoch a mnoho ďalšieho. Tieto možnosti môžete preskúmať, aby boli vaše mapy ešte interaktívnejšie.

Dúfame, že vám tento článok pomohol naučiť sa, ako pridať interaktívnu mapu do WordPress. Môžete si tiež pozrieť zoznam najlepších doplnkov Máp Google pre WordPress.

Ak sa vám tento článok páčil, prihláste sa na odber nášho kanála YouTube pozerať videá s programami WordPress. Nájdete nás aj na Twitter a Facebook,