A Google Térkép beágyazása a webhelyre: 4 lépés

2024 Szerző: John Day | [email protected]. Utoljára módosítva: 2024-01-30 09:40

Szavazz rám a Térkép Kihívásban!

Nemrég hoztam létre egy weboldalt, amely a Google Térképet használja. A Google Térkép beágyazása a webhelyemre meglehetősen egyszerű volt, és nem is olyan nehéz. Ebben az utasításban megmutatom, milyen könnyű beágyazni a Google Térképet webhelyére.

Hogy őszinte legyek, csak szórakozásból ágyaztam be a Google Térképet a webhelyemre. Nincs sok tennivaló a karantén alatt, ezért miért nem készít egy olyan webhelyet, amely a Google Térképet használja, majd megmutatja az embereknek a lépéseket, amelyeket a webhely létrehozása során tettem.

Most azt kell mondanom, hogy tudnia kell egy -két dolgot a HTML -ről és a CSS -ről, hogy beágyazza a Google Térképet a webhelyére. Ha nem tud semmit a HTML -ről vagy a CSS -ről, keresse fel a https://www.w3schools.com/ webhelyet

Megjegyzés: semmilyen formában vagy formában nem vagyok kapcsolatban a W3Schools -szal. Ez csak egy webhely, amelyet hasznosnak találtam a HTML és a CSS tanulásakor.

Kellékek

• Szövegszerkesztő (a webhely testreszabására és a webhely tartalmának biztosítására szolgál).
• Google Térkép (mi lenne beágyazva a webhelyére).
• A HTML és a CSS alapvető ismerete (ezek a következő programozási nyelvek, amelyeket a webhely testreszabásakor és a webhely tartalmának biztosításakor használnának).

1. lépés: Tartalom biztosítása webhelyén

Nyissa meg a számítógépen a szövegszerkesztő szoftvert. Például, mivel Windowsom van, a Jegyzettömbre kell mennem. A Jegyzettömb megnyitása után írja be a következőt:

Google térkép

Google térkép

Miután befejezte a Jegyzettömb beírását, nyissa meg a Google Térképet, ahol később megkapja a kódot, amelyet a Google Térkép webhelyére való beágyazásához használhat.

Itt található a link a Google Térképhez:

2. lépés: A Google Térkép beágyazása webhelyére

Miután megnyitotta a Google Térképet, kattintson a "Menü" gombra, majd keresse meg a "Térkép megosztása vagy beágyazása" lehetőséget. Ha megjelenik a "Térkép megosztása vagy beágyazása", kattintson rá. Miután rákattintott, megjelenik a "Link küldése" és a "Térkép beágyazása". Most kattintson a "Térkép beágyazása" gombra, miután rákattintott a "Térkép beágyazása" gombra, most egy szövegdoboz bal oldalán lefelé mutató nyilat kell látnia, amely segítségével kiválaszthatja, hogy mekkora vagy kicsi legyen a térkép. Másolja a szöveget a mezőbe. Illessze be a szöveget a webhely HTML -kódjába.

3. lépés: Testreszabhatja webhelyét

Térjen vissza a számítógépén található szövegszerkesztő szoftverhez, és írja be a következőt:

Google Térkép törzs {background-color: rgb (129, 207, 224, 1);}

Google térkép

A stíluscímkét a webhely személyre szabására használják. Most azt tanácsolom, hogy ez a lépés a CSS -t használja. Beírhatja az alábbiakat, hogy a tiétek pontosan úgy nézzenek ki, mint a webhelyem.

Ha elkészült, mentse el a fájlt "Google Maps.html" néven. Ne felejtse el a html részt, mert ha nem tartalmazza ezt a részt, akkor nem tud weboldalt létrehozni.

4. lépés: Nézze meg a végterméket

Miután elvégezte az útmutató utasításait, nézze meg alaposan a végterméket. Ha elégedett a végtermékkel, az nagyszerű. De ha nem elégedett a végtermékkel, menjen vissza a Jegyzettömbjébe, és próbálja meg kijavítani a végterméket, hogy legközelebb, amikor egy jó pillantást vet a végtermékére, elégedett legyen azzal, amit létrehozott a kezeid.

Ha meg szeretné tekinteni a forráskódomat, az az útmutató alján található. Köszönjük, hogy megtekintette az utasításokat és boldog kódolást!

Emlékeztetőül, kérem, szavazzon rám a Térkép Kihívásban!