Si të vendosni Google Maps në faqen e internetit: 4 hapa

2024 Autor: John Day | [email protected]. E modifikuara e fundit: 2024-01-30 12:14

Votoni për mua në Sfidën e Hartave!

Kohët e fundit, kam krijuar një faqe në internet që përdor Google Maps. Vendosja e Google Maps në faqen time të internetit ishte mjaft e lehtë dhe jo aq e vështirë për tu bërë. Në këtë Instructables, unë do t'ju tregoj se sa e lehtë është të vendosni Google Maps në faqen tuaj të internetit.

Për të qenë i sinqertë me ju, sapo kam futur Google Maps në faqen time në internet vetëm për argëtim. Nuk ka aq shumë gjëra për të bërë ndërsa jeni në karantinë, kështu që pse të mos bëni një faqe në internet që përdor Google Maps, atëherë tregojuni njerëzve hapat që kam ndërmarrë gjatë krijimit të kësaj faqe në internet.

Tani më duhet të them, ju duhet të dini një ose dy gjëra për HTML dhe CSS në mënyrë që të vendosni Google Maps në faqen tuaj të internetit. Nëse nuk dini asgjë për HTML ose CSS, provoni të shkoni në

Shënim: Unë nuk jam i lidhur me W3Schools në asnjë formë ose formë. Justshtë vetëm një faqe në internet që kam gjetur të jetë e dobishme kur mësoni HTML dhe CSS.

Furnizimet

• Redaktuesi i tekstit (do të përdoret për të personalizuar faqen tuaj të internetit dhe për të siguruar përmbajtjen në faqen tuaj të internetit).
• Google Maps (çfarë do të ishte e përfshirë në faqen tuaj të internetit).
• Kuptimi themelor i HTML dhe CSS (këto janë gjuhët e mëposhtme të programimit që do të përdoren kur personalizoni faqen tuaj dhe siguroni përmbajtje në faqen tuaj të internetit).

Hapi 1: Siguroni përmbajtje në faqen tuaj të internetit

Shkoni te programi juaj i redaktuesit të tekstit në kompjuterin tuaj. Për shembull, meqenëse kam Windows, duhet të shkoj në Notepad. Pasi të shkoni te Notepad, shkruani në vijim:

hartat e Google

hartat e Google

Pasi të keni mbaruar së shkruari në vijim në Notepad, shkoni te Google Maps ku më vonë do të merrni kodin që do të përdorni për të futur Google Maps në faqen tuaj të internetit.

Këtu keni lidhjen për të shkuar te Google Maps:

Hapi 2: Vendosni Google Maps në faqen tuaj të internetit

Pasi të jeni në Google Maps, klikoni në butonin "Menu" dhe më pas kërkoni për "Share ose embed map". Pasi të shihni "Ndani ose vendosni hartën", klikoni mbi të. Pasi të keni klikuar mbi të, duhet të shihni "Dërgo një lidhje" dhe "Vendosni një hartë". Tani klikoni në "Vendosni një hartë", pasi të keni klikuar në "Vendosni një hartë" tani duhet të shihni një shigjetë poshtë në të majtë të një kutie teksti e cila do të përdoret për të zgjedhur sa e madhe apo e vogël dëshironi të jetë harta. Kopjoni tekstin në kuti. Dhe ngjisni tekstin në HTML të faqes tuaj të internetit.

Hapi 3: Personalizoni faqen tuaj te internetit

Kthehuni te programi juaj i redaktuesit të tekstit në kompjuterin tuaj dhe shkruani sa vijon:

Trupi i Google Maps {ngjyra-sfondi: rgb (129, 207, 224, 1);}

hartat e Google

Etiketa e stilit përdoret për të personalizuar faqen tuaj të internetit. Tani, unë do t'ju këshilloj që ky hap të përdorë CSS. Ju mund të shkruani sa vijon në mënyrë që e juaja të duket saktësisht si faqja ime e internetit.

Pasi të keni mbaruar, ruani skedarin tuaj si "Google Maps.html". Mos harroni pjesën html sepse nëse nuk e përfshini këtë pjesë, nuk mund të krijoni një faqe në internet.

Hapi 4: Shikoni produktin tuaj përfundimtar

Pasi të keni mbaruar duke ndjekur të gjithë hapat në këtë Udhëzues, hidhini një sy produktit tuaj përfundimtar. Nëse jeni të kënaqur me produktin tuaj përfundimtar, kjo është e mrekullueshme. Por, nëse nuk jeni të kënaqur me produktin tuaj përfundimtar, kthehuni në Notepad tuaj dhe përpiquni të rregulloni produktin tuaj përfundimtar në mënyrë që herën tjetër kur të shikoni mirë produktin tuaj përfundimtar, të jeni të kënaqur me atë që keni krijuar duart e tua.

Nëse dëshironi të shikoni kodin tim burimor, mund ta gjeni në fund të këtij udhëzuesi. Faleminderit për shikimin e udhëzimeve të mia dhe kodim të lumtur!

Si kujtesë, ju lutemi votoni për mua në Sfidën e Hartave!