Ako vložiť Mapy Google na web: 4 kroky

2024 Autor: John Day | [email protected]. Naposledy zmenené: 2024-01-30 11:57

Hlasujte za mňa v Mapovej výzve!

Nedávno som vytvoril webovú stránku, ktorá využíva Mapy Google. Vloženie Máp Google na môj web bolo pomerne jednoduché a nie také ťažké. V tomto návode vám ukážem, aké jednoduché je vloženie Máp Google na váš web.

Aby som bol k vám úprimný, vložil som Mapy Google na svoj web len tak pre zábavu. V karanténe nie je toľko práce, prečo teda nevytvoriť webovú stránku, ktorá využíva Mapy Google, a potom ľuďom ukázať kroky, ktoré som urobil pri vytváraní tejto webovej stránky.

Teraz musím povedať, že musíte vedieť jednu alebo dve veci o HTML a CSS, aby ste mohli vložiť Mapy Google na svoj web. Ak neviete nič o HTML alebo CSS, skúste prejsť na stránku

Poznámka: Nie som spojený s W3Schools v žiadnom tvare ani forme. Je to len webová stránka, o ktorej som zistil, že je nápomocná pri učení sa HTML a CSS.

Zásoby

• Textový editor (bude použitý na prispôsobenie vašich webových stránok a poskytovanie obsahu na vašich webových stránkach).
• Mapy Google (čo by bolo vložené na váš web).
• Základné znalosti HTML a CSS (to sú nasledujúce programovacie jazyky, ktoré by sa použili pri prispôsobovaní vašich webových stránok a poskytovaní obsahu na vašich webových stránkach).

Krok 1: Poskytnite obsah na svojom webe

Prejdite v počítači na softvér textového editora. Napríklad, pretože mám Windows, mal by som ísť do programu Poznámkový blok. Potom, čo prejdete na Poznámkový blok, zadajte nasledujúci text:

Google Mapy

Google Mapy

Po zadaní nasledujúceho textu do programu Poznámkový blok prejdite na stránku Mapy Google, kde neskôr získate kód, ktorý môžete použiť na vloženie služby Mapy Google na svoj web.

Tu je odkaz, pomocou ktorého môžete prejsť na Mapy Google:

Krok 2: Vložte Mapy Google na svoj web

Keď ste v Mapách Google, kliknite na tlačidlo „Ponuka“a potom vyhľadajte „Zdieľať alebo vložiť mapu“. Hneď ako uvidíte „Zdieľať alebo vložiť mapu“, kliknite na ňu. Akonáhle na to kliknete, mali by ste vidieť „Poslať odkaz“a „Vložiť mapu“. Teraz kliknite na „Vložiť mapu“, akonáhle kliknete na „Vložiť mapu“, mala by sa vám vľavo od textového poľa zobraziť šípka nadol, ktorá by sa použila na výber toho, akú veľkú alebo malú mapu chcete mať. Skopírujte text do poľa. A prilepte text do HTML svojho webu.

Krok 3: Prispôsobte si svoj web

Vráťte sa do softvéru textového editora v počítači a zadajte nasledujúce:

Telo Máp Google {farba-pozadia: rgb (129, 207, 224, 1);}

Google Mapy

Značka štýlu sa používa na prispôsobenie vašich webových stránok. Teraz vám poradím, že tento krok používa CSS. Môžete zadať nasledujúci text, aby ten váš vyzeral presne ako môj web.

Keď skončíte, uložte súbor ako „Google Maps.html“. Nezabudnite na časť html, pretože ak túto časť nezaradíte, nemôžete vytvoriť webovú stránku.

Krok 4: Pozrite sa na svoj konečný produkt

Akonáhle budete hotoví podľa všetkých krokov v tomto návode, pozrite sa na svoj konečný produkt. Ak ste s konečným produktom spokojní, je to skvelé. Ak však nie ste spokojní s konečným výrobkom, vráťte sa do poznámkového bloku a pokúste sa opraviť konečný produkt, aby ste nabudúce, keď sa na svoj konečný produkt dobre pozriete, boli spokojní s tým, čo ste vytvorili. tvoje ruky.

Ak si chcete pozrieť môj zdrojový kód, nájdete ho v spodnej časti tohto návodu. Ďakujem, že ste si prezerali moje inštrukcie a šťastné kódovanie!

Pripomíname, prosím, hlasujte za mňa v Mapovej výzve!