Element Mapa

Mapu vkládejte na stránku v případě, že chcete návštěvníkovi webu přesně ukázat nebo zjednodušit hledání místa, kde se nacházíte vy nebo třeba vaše prodejna.

Jestliže chcete umístit do své stránky mapu, použijte element  Mapa.
Chycením a umístěním na vybrané místo ho vložíte do stránky.

Kliknutím na ikonu tužky se dostanete do nastavení elementu Mapa.

Mapa

První vložení mapy – API klíč

Pokud mapu vkládáte na svůj web poprvé, zobrazí se následující tabulka s výzvou vložení API klíče. V případě, že API klíč už máte, vložte ho do prázdného pole a stiskněte Uložit API klíč. Pokud ještě API klíč nemáte, pokračujte podle níže uvedených kroků.  

TIP: Pokud se vám tento postup zdá složitý, postupujte podle nápovědy v tomto odkazu.

UPOZORNĚNÍ: K získání API klíče musíte mít vytvořený účet u Google. Pokud svůj účet ještě nemáte, založte si ho zde:  https://www.google.com/gmail. U tohoto účtu musí být zadána platební karta. Bez zadané karty nebude mapa fungovat.

V Miowebu v editaci elementu Mapa klikněte na odkaz k vygenerování API klíče.

Po kliknutí na text se otevře nové okno s Google APIs. Tabulku vyplňte podle obrázku níže.

Na další stránce si klíč pojmenujte, např. názvem webu. Doporučujeme udělit také omezení proti zneužití API klíče. Zaklikněte HTTP referrers a vyplňte URL adresu webu. Poté klikněte na modré tlačítko Create.

Následně se Vám zobrazí stránka, kde bude k dispozici vygenerovaný API klíč. API klíč si zkopírujte pomocí ikonky Copy API key.

Nyní se vraťte do Miowebu a do políčka v nastavení elementu Mapa vložte zkopírovaný API klíč.

Aktivace služby Google cloud

Přejděte na adresu https://console.cloud.google.com/ a zvolte Billing > Link a billing account > Create billing account.

Od Googlu získáváte kredit 300 USD na rok. Je nepravděpodobné, že byste ho vyčerpali. A pokud by k tomu došlo, Google je povinen si od vás vyžádat souhlas se stržením platby z karty, přestože číslo karty zadáváte už nyní při ověření.

V prvním kroku nastavte Vaší zemi a potvrďte obchodní podmínky služby.

Zadejte požadované údaje o sobě a o platební kartě a potvrďte kliknutím na Start my free trial.

Nyní přejděte na stránku v tomto odkazu. Zde zvolte Add domain a zadejte její název. Potvrďte tlačítkem Add domain.

Pokud nemáte doménu ověřenou skrze Google Search Console, zobrazí se postup pro ověření domény. Postupujte tedy podle kroků, které se zde zobrazují a doménu ověřte.

Nyní v levém menu vyberte možnost  Library, kde potřebujete povolit různé druhy API. Nechte zobrazit vše pomocí View ALL.

Povolte následující:

  • Geocoding API
  • Maps Embed API
  • Maps JavaScript API
  • Places API

Vždy klikněte na danou ikonu. Pokud se vám zobrazí zelená fajfka s textem API enabled, pouze se přes šipku vlevo nahoře API LIBRARY vraťte zpět do přehledu. 

Pokud se vám zobrazí tlačítko ENABLE, klikněte na něj a zpět se vraťte přes navigační Menu > API & services > Library.

Dále přejděte do záložky Billing. Klikněte na Link a billing account a potvrďte pomocí Set ACCOUNT.

To je z nastavení u Googlu vše. Teď se vraťte do Miowebu a zvolte adresu, kterou si přejete v Google mapě zobrazit. Dále můžete nastavit Zoom mapy, tedy v jak velkém detailu bude mapa zadané místo zobrazovat, výšku mapy v pixelech, a zda chcete povolit přibližování mapy myší. Až budete mít hotovo, všechno uložte.

POKROČILÉ NASTAVENÍ

Pokročilé nastavení je u všech elementů stejné. Můžete se tedy řídit tímto návodem pro pokročilé nastavení.

CW 3.0