Kako vstaviti Google Zemljevide na spletno mesto: 4 koraki

2024 Avtor: John Day | [email protected]. Nazadnje spremenjeno: 2024-01-30 12:03

Glasujte zame v zemljevidu Challenge!

Pred kratkim sem ustvaril spletno mesto, ki uporablja Google Zemljevide. Vdelava Google Zemljevidov na moje spletno mesto je bila dokaj enostavna in ni tako težka. V tem navodilu vam bom pokazal, kako enostavno je vdelati Google Zemljevide na svoje spletno mesto.

Če sem iskren, sem samo za zabavo vdelal Google Zemljevide na svoje spletno mesto. V karanteni ni toliko stvari za početi, zato zakaj ne bi naredili spletnega mesta, ki uporablja Google Zemljevide, potem ljudem pokazali korake, ki sem jih naredil pri ustvarjanju tega spletnega mesta.

Zdaj moram reči, da morate vedeti nekaj o HTML in CSS, če želite Google Zemljevide vdelati na svoje spletno mesto. Če ne veste ničesar o HTML ali CSS, poskusite iti na

Opomba: Nisem povezan z W3Schools v nobeni obliki. To je samo spletno mesto, za katerega sem ugotovil, da je v pomoč pri učenju HTML in CSS.

Zaloge

• Urejevalnik besedil (uporablja se za prilagoditev vašega spletnega mesta in zagotavljanje vsebine na vašem spletnem mestu).
• Google Zemljevidi (kaj bi bilo vdelano na vašo spletno stran).
• Osnovno razumevanje HTML in CSS (to so naslednji programski jeziki, ki bi se uporabljali pri prilagajanju vašega spletnega mesta in zagotavljanju vsebine na vašem spletnem mestu).

1. korak: Zagotovite vsebino na svojem spletnem mestu

Pojdite v programsko opremo za urejanje besedil v računalniku. Na primer, ker imam Windows, bi moral iti v Beležnico. Ko odprete Beležnico, vnesite naslednje:

Google zemljevidi

Google zemljevidi

Ko v Notepad vnesete naslednje, pojdite na Google Zemljevide, kjer boste pozneje dobili kodo, ki jo lahko uporabite za vdelavo Google Zemljevidov na svoje spletno mesto.

Tukaj je povezava, na katero lahko obiščete Google Zemljevide:

2. korak: vdelajte Google Zemljevide na svoje spletno mesto

Ko ste v Google Zemljevidih, kliknite gumb »Meni« in nato poiščite »Skupna raba ali vdelava zemljevida«. Ko vidite možnost »Skupna raba ali vdelava zemljevida«, jo kliknite. Ko kliknete to, bi morali videti "Pošlji povezavo" in "Vdelaj zemljevid". Zdaj kliknite na "Vdelaj zemljevid", ko kliknete na "Vdelaj zemljevid", bi morali levo od besedilnega polja videti puščico navzdol, ki bi jo uporabili za izbiro, kako velik ali majhen želite biti zemljevid. Kopirajte besedilo v polje. In prilepite besedilo v HTML svojega spletnega mesta.

3. korak: Prilagodite svojo spletno stran

Vrnite se v programsko opremo za urejanje besedil v računalniku in vnesite naslednje:

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

Google zemljevidi

Oznaka sloga se uporablja za prilagoditev vaše spletne strani. Zdaj vam bom svetoval, da ta korak uporablja CSS. Vnesete lahko naslednje, tako da bo vaše videti popolnoma kot moje spletno mesto.

Ko končate, shranite datoteko kot »Google Maps.html«. Ne pozabite na del html, ker če ne vključite tega dela, ne morete narediti spletnega mesta.

4. korak: Oglejte si svoj končni izdelek

Ko končate z vsemi koraki v tem navodilu, si dobro oglejte svoj končni izdelek. Če ste zadovoljni s svojim končnim izdelkom, je to super. Če pa niste zadovoljni s svojim končnim izdelkom, se vrnite v beležnico in poskusite popraviti svoj končni izdelek, tako da boste naslednjič, ko boste dobro pogledali svoj končni izdelek, zadovoljni s tem, kar ste ustvarili. tvoje roke.

Če si želite ogledati mojo izvorno kodo, jo najdete na dnu tega navodila. Hvala za ogled mojih navodil in veselo kodiranje!

Naj vas spomnim, da glasujete zame v izzivu Maps!