Jak osadzić Mapy Google na stronie internetowej: 4 kroki

2024 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2024-01-30 11:28

Zagłosuj na mnie w Wyzwaniu Map!

Niedawno stworzyłem stronę internetową wykorzystującą Mapy Google. Osadzanie Google Maps na mojej stronie było dość łatwe i niezbyt trudne. W tej instrukcji pokażę Ci, jak łatwo jest umieścić Mapy Google w Twojej witrynie.

Szczerze mówiąc, po prostu umieściłem Mapy Google na mojej stronie tylko dla zabawy. W kwarantannie nie ma zbyt wiele rzeczy do zrobienia, więc dlaczego nie stworzyć witryny internetowej korzystającej z Map Google, a następnie pokazać ludziom kroki, które wykonałem podczas tworzenia tej witryny.

Teraz muszę powiedzieć, że musisz wiedzieć trochę o HTML i CSS, aby umieścić Mapy Google na swojej stronie. Jeśli nie wiesz nic o HTML lub CSS, spróbuj wejść na

Uwaga: Nie jestem związany z W3Schools w żadnym kształcie ani formie. To po prostu strona internetowa, która okazała się pomocna w nauce HTML i CSS.

Kieszonkowe dzieci

• Edytor tekstu (będzie używany do dostosowywania Twojej witryny i udostępniania treści na Twojej stronie).
• Mapy Google (co zostanie umieszczone w Twojej witrynie).
• Podstawowe zrozumienie HTML i CSS (są to następujące języki programowania, które będą używane podczas dostosowywania witryny i dostarczania treści na witrynie).

Krok 1: Podaj treść na swojej stronie

Przejdź do oprogramowania do edycji tekstu na swoim komputerze. Na przykład, skoro mam Windows, powinienem przejść do Notatnika. Po przejściu do Notatnika wpisz następujące polecenie:

mapy Google

mapy Google

Gdy skończysz wpisywać poniższe informacje w Notatniku, przejdź do Map Google, gdzie później uzyskasz kod, który pozwoli Ci umieścić Mapy Google w swojej witrynie.

Oto link do Map Google:

Krok 2: Umieść Mapy Google w swojej witrynie

Gdy znajdziesz się w Mapach Google, kliknij przycisk „Menu”, a następnie poszukaj „Udostępnij lub umieść mapę”. Gdy zobaczysz „Udostępnij lub umieść mapę”, kliknij ją. Po kliknięciu powinieneś zobaczyć "Wyślij link" i "Umieść mapę". Teraz kliknij „Umieść mapę”, po kliknięciu „Umieść mapę” powinna teraz pojawić się strzałka w dół po lewej stronie pola tekstowego, która będzie używana do wyboru, jak duża lub mała ma być mapa. Skopiuj tekst w polu. I wklej tekst do kodu HTML swojej witryny.

Krok 3: Dostosuj swoją witrynę

Wróć do oprogramowania do edycji tekstu na komputerze i wpisz następujące polecenie:

Treść Map Google{background-color:rgb(129, 207, 224, 1);}

mapy Google

Tag stylu służy do dostosowywania witryny. Teraz doradzę, że ten krok wykorzystuje CSS. Możesz wpisać poniższe, aby Twoja strona wyglądała dokładnie tak, jak moja strona.

Gdy skończysz, zapisz plik jako „Mapy Google.html”. Nie zapomnij o części html, ponieważ jeśli nie dołączysz tej części, nie możesz stworzyć strony internetowej.

Krok 4: Spójrz na swój produkt końcowy

Gdy wykonasz wszystkie kroki opisane w tej instrukcji, przyjrzyj się dokładnie swojemu produktowi końcowemu. Jeśli jesteś zadowolony z końcowego produktu, to świetnie. Ale jeśli nie jesteś zadowolony ze swojego produktu końcowego, wróć do Notatnika i spróbuj naprawić produkt końcowy, aby następnym razem, gdy spojrzysz na produkt końcowy, będziesz zadowolony z tego, co stworzyłeś Twoje ręce.

Jeśli chcesz wyświetlić mój kod źródłowy, można go znaleźć na dole tej instrukcji. Dziękuję za obejrzenie moich instrukcji i szczęśliwego kodowania!

Przypominamy, proszę, zagłosuj na mnie w Wyzwaniu Map!