Předpokládejme, že chceme umístit okno map Google do příspěvku na blogu nebo na stránku se specifickou oblastí a značkou ve středu s podrobnostmi. Dále vyhledávač v dolní části.
Nejjednodušší způsob je otevřít mapu v Mapách Google a zvolit možnost „propojit mapu integrovaným způsobem“, ve které můžete upravit některé parametry. Toto je bez API a provádí se pomocí formuláře „iframe“.
Druhým způsobem je použití API prostřednictvím průvodce vytvořeného pro AJAX, který vám umožní vytvořit kód s několika podrobnostmi:
1 Definujte parametry
V tomto případě musíme definovat velikost okna, které chceme zobrazit, v pixelech, je vhodnější ponechat velikost, která je v maximální šířce blogového příspěvku, například 400px
Poté musíte definovat, zda chcete mít přístup na úrovni města, ulice nebo bloku.
Můžete určit podrobnosti očekávané ve značce, názvu, adrese URL a adrese.
Stisknutím tlačítka "Umístění středu náhledu" uvidíte, jak by se okno mělo zobrazit.
2 Aktivujte práva rozhraní API
Další věcí je poskytnout údaje o webu, na kterém očekáváme zobrazení okna. Tímto autorizujeme naše číslo API pro daný web ... a proto nás činíme odpovědnými za jakékoli porušení podmínek společnosti Google, které můžeme učinit.
Za normálních okolností pro získání API vstoupíte na tento web a požádáte o konkrétní adresu URL, poté požádáte o zadání svého účtu Gmail a bude vám přiděleno číslo a ukázkový kód. Pokud je relace Gmailu již otevřená, systém přidruží účet.
3 Vygenerujte kód
Stisknutím tlačítka „generovat kód“ se vytvoří potřebný html, který jej pouze vloží do blogu. K tomu musí být aktivována možnost kódu, vložte ji a je připravena, v případě jejího vložení na jinou webovou stránku, na kterou bylo API autorizováno, se zobrazí zpráva, která se od ní vzdává.
A připraven, měl by vypadat dobře. Jdi na Wizzard
Protože se jedná o API založené na AJAX, některé z vytvořených skriptů nefungují příliš dobře v některých správcích obsahu, jako je WordPress MU, kde je kontrola nad funkcemi, ale obecně by měl běžet dobře.