Pokud používáte službu, jako je Mapy Google, stačí si vybrat místo a vložit mapu na svůj web. Mapy však nemůžete upravovat za běhu, stejně jako vaši spolupracovníci - což je u projektů spolupráce často nutné.

Zde přicházejí interaktivní mapy. Umožní vám umístit pohyblivé značky, které může každý ve vašem týmu upravovat. 

V tomto tutoriálu budeme hovořit o tom, kdy se tento typ karty hodí. Dále vám ukážeme, jak je do WordPressu přidat dvěma způsoby.

Ale než začnete, udělejte si čas na prohlídku Jak nainstalovat motiv WordPressKolik pluginy mám nainstalovat na WordPress.

Pak mpojďme do práce!

Co je interaktivní mapa (a kdy ji použít?)

Přidání mapy na web je docela jednoduché. Nástroje jako Mapy Google vám umožní vložit mapy na své stránky během několika minut. Výhodou tohoto přístupu je, že se návštěvníci mohou pohybovat po mapách, přiblížit, oddálit atd.

Tyto typy map jsou více interaktivní než jen obrázky, ale neumožňují provádět žádné změny, jakmile je přidáte na svůj web.

Na druhé straně vám interaktivní mapy umožňují (a v některých případech i vašim spolupracovníkům) přidávat nové značky, ikony, text a další. Představte si například, že plánujete schůzku pro členy vašeho webu. Můžete nakonfigurovat mapu s více piny, abyste navrhli umístění.

Objevte mimochodem 5 WordPress pluginy pro přidání geolokace do vašeho blogu

Můžete také použít interaktivní mapu, aby vaši uživatelé mohli sdílet své polohy nebo navigovat na místa, která chtějí navštívit. Přesněji řečeno, jedná se o specializované aplikace. Nicméně interaktivní mapy  smět  být užitečný v celé řadě situací. 

Navíc nemusí být nutně obtížnější přidat než jejich protějšky.

Jak přidat interaktivní mapy do vašeho webu WordPress

Pokud jde o interaktivní mapy, můžete je buď vložit na svůj web, nebo použít plugin, který vám to pomůže. První přístup je jednodušší, ale pluginy často obsahují mnohem více funkcí, jak můžete očekávat. Pojďme se podívat na přístup pluginu a ukázat, jaké jsou tyto funkce.

1. Použijte plugin Mapy Marker Pro

Použijte Map Maker Pro

Plugin Mapy Marker Pro je jednorázové prémiové řešení pro přidávání map na WordPress. Dodává se s desítkami pokročilých funkcí, jako jsou ty, které vám umožňují prohlížet mapy z více oddělení a přidávat do vašich map prakticky neomezený počet značek a organizovat je. Návštěvníci mohou navíc filtrovat typy značek, které chtějí vidět na vašich mapách.

Další zábavné věci, které můžete pomocí tohoto pluginu udělat, je přidání informací o vzdálenosti a trase mezi značky. Svou vlastní polohu můžete dokonce sdílet v reálném čase prostřednictvím mapy svého webu, pokud k tomu máte sklon. Nastavení pluginu může trvat trochu času, vzhledem k množství funkcí, které nabízí. 

Není to však tak těžké, jak si dokážete představit. 

Chcete-li začít, nakonfigurujte a aktivujte plugin stejně jako ostatní. Pokud s WordPressem začínáte, zjistěte to Jak nainstalovat plugin v systému WordPress

Jakmile je plugin připraven, musíte přidat novou mapu nebo vrstvu, kterou můžete provést na kartě Maps Marker Pro> Přidat novou vrstvu. Zde nastavte název, který můžete pro svou vrstvu rozpoznat, a zadejte umístění, které chcete, aby se zobrazovala, stejně jako u jakéhokoli jiného online mapovacího nástroje:

Přidejte novou vrstvu

Nyní můžete pomocí levé nabídky upravit velikost a úroveň přiblížení, které chcete nastavit jako výchozí. K dispozici je také možnost s názvem Značení clusterů , která při příliš velkém přiblížení zobrazí ikonu s počtem značek v oblasti, jako v příkladu níže:

Zobrazit značku

volba Prohledat značky, na druhé straně je zcela explicitní. Může být užitečné, pokud chcete přidat další informace o svých značkách:

Seznam značek

Nyní přejděte dolů a najděte požadovanou možnost « Přidejte do této vrstvy novou značku« . Na další obrazovce budete moci definovat název a umístění značky pomocí stejné mapy jako předchozí.

Objevte také Jak komprimovat a změnu velikosti obrázků na WordPress

Můžete také vybrat ikonu a nastavit vyskakovací text pro značku. To se zobrazí, když návštěvníci kliknou na samotnou značku nebo ji vyberou ze seznamu, pokud jste se rozhodli ji zahrnout.

V každém případě nezapomeňte stisknout tlačítko publikovat jakmile skončíte. Po přidání několika značek by vaše počáteční vrstva měla vypadat takto:

Příklad vrstvy na bloku

Pokud jste připraveni přidat svou novou interaktivní mapu na jednu ze svých stránek, měli byste použít a zkrácený. Přejděte do horní části karty Upravit vrstvu  a hledejte jeho odpovídající ID:

Uložte identifikátory karty

Nyní umístěte shortcode [mapsmarker layer = "X"] ve svém příspěvku nebo stránce. Nezapomeňte nahradit zástupný symbol  předem však ID vaší „vrstvy“.

Vaše karta by nyní měla být funkční na vašem webu! Ještě důležitější je, že vy nebo kdokoli jiný v týmu jej můžete kdykoli upravit a přidat nové značky, aniž byste opustili řídicí panel.

2. Použití funkce Built-In Embed Google Map

Mapy Google ve skutečnosti nepotřebuje úvod - je to služba, která vám umožňuje extrahovat mapy z celého světa, sdílet místa s jinými lidmi, vyhledávat adresy a dokonce sdílet, kde jste. Pokud jde o webové stránky, existuje spousta způsobů, jak můžete vložit Mapy Google na své stránky. Ukládejte mapy pomocí mapy Google

Většina karet však nabízí omezené množství interaktivity. Umožňují vám v nich procházet, přibližovat, odcházet a měnit svůj pohled, ale nic víc.

Faktem je, že Mapy Google nabízejí mnohem více funkcí než jednoduché mapování. Můžete například přidat více značek, změřit vzdálenosti a zahrnout trasy do svých map. Chcete-li tyto funkce vyzkoušet, přejděte na Moje mapy Google a stiskněte tlačítko  + Vytvořit novou mapu  :

Vytvořte mapu na mapě Google

Na další obrazovce nastavte název pro svou mapu a její první vrstvu, na které budeme stavět. Nyní najděte místo, které chcete sdílet, pomocí vyhledávacího pole Google Map v horní části obrazovky:

Nová mapa a umístění mapy Google

Při přibližování můžete pomocí symbolu značky v horní části obrazovky začít zvýrazňovat místa na mapě. Stačí kliknout na místo, kam chcete umístit značku, a nastavit pro ni název a ikonu:

Přidejte značku na novou mapu.

Jakmile máte více značek, můžete mezi nimi nakreslit čáry a zobrazit vzdálenosti:

Zobrazit vzdálenost mezi dvěma body na mapě

Když je vaše karta připravena, klikněte na tlačítko Podíl v nabídce vlevo. Zde změňte nastavení přístupu  de soukromý  à na veřejnosti :

Definujte přístup na kartu

Můžete také pozvat členy týmu, aby používali své e-maily, aby měli okamžitý přístup k mapě:

Mapa spolupráce s partnery

V každém případě byste měli svou novou kartu vždy vložit na svůj web. To provedete kliknutím na ikonu se třemi tečkami vedle názvu mapy a kliknutím na možnost Vložte tuto mapu  :

Vložit mapuNyní můžete zkopírovat a vložit kód pro vložení na své stránky. Nová karta se zobrazí, kamkoli ji umístíte. Vaši kolegové to navíc budou moci upravit a v případě potřeby přidat nové značky prostřednictvím Map Google.

Objevte také některé prémiové doplňky WordPress  

Můžete použít jiné WordPress pluginy poskytnout moderní vzhled a optimalizovat práci s vaším blogem nebo webem.

Nabízíme vám zde prémiové doplňky WordPress, které vám to pomohou.

1. Ultimate Math Captcha

Ultimate Math Captcha je a WordPress Plugin 100% efektivní captcha prémie. Umožňuje přidat matematický captcha na formuláře WordPress přihlášení, registrace, obnovení hesla, komentáře, WooCommerce, Easy Digital Downloads a aux formuláře z bbPress.Konečný matematický plugin pro captcha pro WordPress

Mezi jeho vlastnosti patří: snadná instalace a konfigurace, přidání captcha do mnoha formuláře, podpora více matematických captchas na stejné stránce, přizpůsobení chybových zpráv a mnoho dalších.

Stáhnout | DemoWeb hosting

2. PayPal Standardní platební brána pro ninjové formy

PayPal Standard Gateway for Ninja Forms vám umožňuje vytvářet formuláře, které se bezproblémově integrují do platební brány PayPal. Budete moci vytvářet personalizované objednávkové formuláře a přijímat platby pomocí standardních účtů Paypal.

Paypal standardní platební brána pro ninja formuláře

Mezi jeho hlavní vlastnosti patří: snadná a rychlá integrace, integrace IPN, schopnost aktivovat / deaktivovat bránu PayPal na jednotlivých formulářích, podpora pravidelných plateb atd.

Stáhnout | Demo |  Web hosting

3. Gravitační formuláře - seznam a úpravy

s tímto WordPress Plugin premium, je možné upravovat nebo mazat záznamy zadané ve formulářích vašeho webu. Funkce, která v pluginu Gravity Forms velmi chybí, a proto bylo vytvořeno toto rozšíření.Seznam gravitačních formulářů upravovat wordpress pluginy vkládat tabulky grafické stránky blogový formulář

Mezi jeho vlastnosti zmíníme mimo jiné: meditace a ukládání zaznamenaných dat,- potlačení zadaných údajů, -úpravy a mazání již publikovaných článků, iDokonalá integrace s zásuvnými moduly jQuery Datatables a Gravity-Forms,podpora podmíněné logiky, sjednoduchá a rychlá instalace a mnoho dalšího.

Stáhnout Demo | Web hosting

Doporučené zdroje

Zjistěte další doporučené zdroje, které vám pomohou vytvořit a spravovat váš web.

Proč investovat do čističky vzduchu?

Tady ! To je pro tento návod vše, doufám, že vám umožní vytvářet interaktivní mapy ve WordPressu. Neváhej sdílet se svými přáteli na svých oblíbených sociálních sítích

Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci projektů vytváření internetových stránek, nahlédněte do našeho průvodce Vytvoření blogu WordPress.

Pokud máte návrhy nebo připomínky, nechte je v naší sekci commentaires.

...