Jak vložit Mapy Google na web: 4 kroky

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:20

Hlasujte pro mě v Mapové výzvě!

Nedávno jsem vytvořil web, který využívá Google Maps. Vložení Map Google na můj web bylo poměrně snadné a ne tak těžké. V tomto Instructables vám ukážu, jak snadné je vložit Mapy Google na váš web.

Abych byl k vám upřímný, vložil jsem Mapy Google na svůj web jen pro zábavu. V karanténě není tolik práce, tak proč nevytvořit web, který využívá Mapy Google, a poté lidem ukázat kroky, které jsem při vytváření tohoto webu udělal.

Nyní musím říci, že musíte vědět jednu nebo dvě věci o HTML a CSS, abyste mohli vložit Mapy Google na svůj web. Pokud nevíte nic o HTML nebo CSS, zkuste jít na

Poznámka: Nejsem spojen s W3Schools v žádném tvaru ani formě. Je to jen web, který mi pomohl při učení HTML a CSS.

Zásoby

• Textový editor (bude použit k přizpůsobení vašeho webu a poskytnutí obsahu na vašem webu).
• Mapy Google (co by bylo vloženo na váš web).
• Základní znalosti HTML a CSS (jedná se o následující programovací jazyky, které by byly použity při přizpůsobování vašeho webu a poskytování obsahu na vašem webu).

Krok 1: Poskytněte obsah na svých webových stránkách

Přejděte v počítači na software pro textový editor. Například, protože mám Windows, měl bych jít do Poznámkového bloku. Poté, co přejdete na Poznámkový blok, zadejte následující:

Google mapy

Google mapy

Poté, co v Poznámkovém bloku zadáte následující text, přejděte do Map Google, kde byste později získali kód, který můžete použít k vložení Map Google na svůj web.

Zde je odkaz pro přechod na Mapy Google:

Krok 2: Vložte Mapy Google na svůj web

Jakmile jste v Mapách Google, klikněte na tlačítko „Nabídka“a poté vyhledejte „Sdílet nebo vložit mapu“. Jakmile uvidíte „Sdílet nebo vložit mapu“, klikněte na ni. Jakmile na to kliknete, měli byste vidět „Odeslat odkaz“a „Vložit mapu“. Nyní klikněte na „Vložit mapu“, jakmile kliknete na „Vložit mapu“, měli byste nyní vlevo od textového pole vidět šipku dolů, která by byla použita k výběru, jak velká nebo malá má být mapa. Zkopírujte text do pole. A vložte text do HTML svého webu.

Krok 3: Přizpůsobte svůj web

Vraťte se zpět do softwaru textového editoru v počítači a zadejte následující:

Tělo Map Google {barva pozadí: rgb (129, 207, 224, 1);}

Google mapy

Značka stylu se používá k přizpůsobení vašich webových stránek. Nyní vám poradím, že tento krok využívá CSS. Můžete zadat následující text, aby ten váš vypadal přesně jako můj web.

Až budete hotovi, uložte soubor jako „Google Maps.html“. Nezapomeňte na html část, protože pokud tuto část nezahrnete, nemůžete vytvořit web.

Krok 4: Podívejte se na svůj konečný produkt

Jakmile budete hotovi podle všech kroků v tomto návodu, podívejte se na svůj konečný produkt. Pokud jste s konečným produktem spokojeni, je to skvělé. Pokud ale nejste spokojeni s konečným produktem, vraťte se zpět do poznámkového bloku a pokuste se konečný produkt opravit tak, aby příště, až se na konečný produkt jednou dobře podíváte, budete spokojeni s tím, co jste vytvořili pomocí tvé ruce.

Pokud si přejete zobrazit můj zdrojový kód, najdete jej v dolní části tohoto Instructables. Děkuji, že jste si prohlíželi mé instruktážní a šťastné kódování!

Připomínáme, prosím, hlasujte pro mě v Mapové výzvě!