Kā iegult Google Maps vietnē: 4 soļi

2024 Autors: John Day | [email protected]. Pēdējoreiz modificēts: 2024-01-30 10:53

Balsojiet par mani Maps izaicinājumā!

Nesen esmu izveidojis vietni, kas izmanto Google Maps. Google Maps iegulšana manā vietnē bija diezgan vienkārša un nebija tik grūti izdarāma. Šajā instrukcijā es jums parādīšu, cik viegli ir iegult Google Maps savā vietnē.

Godīgi sakot, es savā vietnē ievietoju Google Maps tikai sava prieka pēc. Karantīnā nav tik daudz darāmā, tāpēc kāpēc neveidot vietni, kurā tiek izmantota Google Maps, un parādīt cilvēkiem darbības, ko esmu veicis, veidojot šo vietni.

Tagad man jāsaka, ka jums ir jāzina viena vai divas lietas par HTML un CSS, lai savā vietnē varētu iegult Google Maps. Ja neko nezināt par HTML vai CSS, mēģiniet apmeklēt vietni

Piezīme. Es neesmu saistīts ar W3Schools jebkurā formā vai formā. Tā ir tikai vietne, kas, manuprāt, ir noderīga, apgūstot HTML un CSS.

Piegādes

• Teksta redaktors (tiks izmantots, lai pielāgotu jūsu vietni un nodrošinātu jūsu vietnes saturu).
• Google Maps (kas tiks iegults jūsu vietnē).
• HTML un CSS pamatizpratne (šīs ir šādas programmēšanas valodas, kas tiktu izmantotas, pielāgojot vietni un nodrošinot vietnes saturu).

1. darbība: nodrošiniet saturu savā vietnē

Datorā atveriet teksta redaktora programmatūru. Piemēram, tā kā man ir Windows, man vajadzētu doties uz Notepad. Pēc nokļūšanas piezīmjdatorā ierakstiet tālāk norādīto.

Google kartes

Google kartes

Kad esat pabeidzis rakstīt tālāk Notepad, dodieties uz Google Maps, kur vēlāk saņemsiet kodu, ko izmantot, lai iegultu Google Maps savā vietnē.

Šeit ir saite, lai dotos uz Google Maps:

2. darbība: ieguliet Google Maps savā vietnē

Kad esat Google Maps, noklikšķiniet uz pogas "Izvēlne" un pēc tam atrodiet "Kopīgot vai iegult karti". Kad redzat “Kopīgot vai iegult karti”, noklikšķiniet uz tās. Kad esat noklikšķinājis uz tā, jums vajadzētu redzēt "Nosūtīt saiti" un "Iegult karti". Tagad noklikšķiniet uz "Iegult karti", kad esat noklikšķinājis uz "Iegult karti", tagad tekstlodziņa kreisajā pusē vajadzētu redzēt lejupvērsto bultiņu, kas tiktu izmantota, lai izvēlētos, cik liela vai maza vēlaties karti. Kopējiet lodziņā esošo tekstu. Un ielīmējiet tekstu savas vietnes HTML.

3. darbība: pielāgojiet savu vietni

Atgriezieties pie sava teksta redaktora programmatūras datorā un ierakstiet šo:

Google Maps pamatteksts {background-color: rgb (129, 207, 224, 1);}

Google kartes

Stila tags tiek izmantots, lai pielāgotu jūsu vietni. Tagad es jums ieteikšu, ka šajā solī tiek izmantota CSS. Jūs varat ierakstīt tālāk norādīto, lai jūsu izskatās tieši tāpat kā mana vietne.

Kad esat pabeidzis, saglabājiet failu kā “Google Maps.html”. Neaizmirstiet html daļu, jo, ja neiekļaujat šo daļu, jūs nevarat izveidot vietni.

4. solis: apskatiet savu galaproduktu

Kad esat pabeidzis veikt visas šīs instrukcijas darbības, labi apskatiet savu galaproduktu. Ja esat apmierināts ar savu galaproduktu, tas ir lieliski. Bet, ja neesat apmierināts ar savu galaproduktu, atgriezieties piezīmju grāmatiņā un mēģiniet labot galaproduktu tā, lai nākamreiz, kārtīgi aplūkojot savu galaproduktu, būtu apmierināts ar to, ko esat izveidojis Tavas rokas.

Ja vēlaties apskatīt manu avota kodu, to var atrast šīs instrukcijas apakšā. Paldies, ka skatījāties manu Instructables un laimīgu kodēšanu!

Atgādinām, lūdzu, balsojiet par mani Maps izaicinājumā!