როგორ ჩადოთ Google Maps ვებგვერდზე: 4 ნაბიჯი

2024 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2024-01-30 10:16

მიეცი ხმა ხმის მიცემის გამოწვევაში!

ცოტა ხნის წინ, მე შევქმენი ვებგვერდი, რომელიც იყენებს Google Maps- ს. ჩემს ვებგვერდზე Google რუქების ჩასმა საკმაოდ ადვილი და არც ისე ძნელი გასაკეთებელი იყო. ამ ინსტრუქციებში მე გაჩვენებთ თუ რამდენად ადვილია Google Maps თქვენს ვებგვერდზე განთავსება.

მართალი გითხრათ, მე მხოლოდ Google Maps ჩავრთე ჩემს ვებგვერდზე მხოლოდ გასართობად. კარანტინის დროს ამდენი საქმე არ არის გასაკეთებელი, რატომ არ უნდა გავაკეთოთ ვებგვერდი, რომელიც იყენებს Google Maps- ს და შემდეგ ადამიანებს აჩვენოს ის ნაბიჯები, რაც მე გადავიღე ამ ვებსაიტის შექმნისას.

ახლა უნდა ითქვას, რომ თქვენ უნდა იცოდეთ ერთი ან ორი რამ HTML და CSS შესახებ, რათა Google Maps თქვენს ვებგვერდზე განათავსოთ. თუ არაფერი იცით HTML ან CSS შესახებ, სცადეთ წასვლა

შენიშვნა: მე არ ვარ დაკავშირებული W3Schools– თან რაიმე ფორმით ან ფორმით. ეს უბრალოდ ვებგვერდია, რომელიც აღმოვაჩინე, რომ დამხმარეა HTML და CSS სწავლისას.

მარაგები

• ტექსტის რედაქტორი (გამოყენებული იქნება თქვენი ვებსაიტის პერსონალიზებისთვის და თქვენს ვებგვერდზე შინაარსის უზრუნველსაყოფად).
• Google Maps (რა იქნება ჩადგმული თქვენს ვებგვერდზე).
• HTML და CSS– ის ძირითადი გაგება (ეს არის პროგრამირების შემდეგი ენები, რომლებიც გამოყენებული იქნება თქვენი ვებ – გვერდის პერსონალიზაციისას და თქვენს ვებ – გვერდზე შინაარსის მიწოდებისას).

ნაბიჯი 1: მიაწოდეთ შინაარსი თქვენს ვებსაიტზე

გადადით თქვენს კომპიუტერში ტექსტური რედაქტორის პროგრამულ უზრუნველყოფაზე. მაგალითად, ვინაიდან მე მაქვს Windows, უნდა წავიდე Notepad– ში. მას შემდეგ რაც შეხვალთ Notepad– ში ჩაწერეთ შემდეგი:

გუგლის რუკა

გუგლის რუკა

მას შემდეგ რაც დაასრულებთ შემდეგი ჩანაწერების შეყვანას Notepad– ში, გადადით Google Maps– ში, სადაც მოგვიანებით მიიღებთ კოდს, რომლის საშუალებითაც შეგიძლიათ გამოიყენოთ Google Maps თქვენს ვებ – გვერდზე.

აქ არის ბმული Google Maps– ზე გადასასვლელად:

ნაბიჯი 2: ჩადეთ Google Maps თქვენს ვებსაიტზე

მას შემდეგ რაც Google Maps- ში იქნებით, დააწკაპუნეთ ღილაკზე "მენიუ" და შემდეგ მოძებნეთ "რუქის გაზიარება ან ჩაშენება". მას შემდეგ რაც დაინახავთ "რუქის გაზიარება ან ჩაშენება", დააწკაპუნეთ მასზე. მას შემდეგ რაც დააწკაპუნებთ მასზე, თქვენ უნდა ნახოთ "ბმულის გაგზავნა" და "რუქის ჩაშენება". ახლა დააწკაპუნეთ "რუქის ჩასმა", მას შემდეგ რაც დააწკაპუნეთ "რუქის ჩასმა" ახლა თქვენ უნდა ნახოთ ქვემოთ მოცემული ისარი ტექსტის ყუთში მარცხნივ, რომელიც გამოყენებული იქნება იმისთვის რომ აირჩიოთ რამდენად დიდი ან პატარა გსურთ იყოს რუკა. დააკოპირეთ ტექსტი ყუთში. და ჩასვით ტექსტი თქვენი ვებსაიტის HTML- ში.

ნაბიჯი 3: შეცვალეთ თქვენი ვებ გვერდი

დაუბრუნდით თქვენს კომპიუტერში ტექსტური რედაქტორის პროგრამულ უზრუნველყოფას და ჩაწერეთ შემდეგი:

Google Maps კორპუსი {ფონი-ფერი: rgb (129, 207, 224, 1);}

გუგლის რუკა

სტილის ტეგი გამოიყენება თქვენი ვებსაიტის პერსონალიზაციის მიზნით. ახლა მე გირჩევთ, რომ ეს ნაბიჯი იყენებს CSS- ს. თქვენ შეგიძლიათ ჩაწეროთ შემდეგი ისე, რომ თქვენი ჰგავს ჩემს ვებსაიტს.

დასრულების შემდეგ შეინახეთ თქვენი ფაილი, როგორც "Google Maps.html". ნუ დაგავიწყდებათ html ნაწილი, რადგან თუ თქვენ არ ჩართავთ ამ ნაწილს, თქვენ ვერ შექმნით ვებსაიტს.

ნაბიჯი 4: შეხედეთ თქვენს საბოლოო პროდუქტს

მას შემდეგ რაც დაასრულებთ ამ ინსტრუქციის ყველა ნაბიჯის დაცვას, კარგად დააკვირდით თქვენს საბოლოო პროდუქტს. თუ კმაყოფილი ხართ თქვენი საბოლოო პროდუქტით, ეს შესანიშნავია. მაგრამ, თუ თქვენ არ ხართ კმაყოფილი თქვენი საბოლოო პროდუქტით, დაბრუნდით თქვენს Notepad– ში და შეეცადეთ დააფიქსიროთ თქვენი საბოლოო პროდუქტი ისე, რომ შემდეგ ჯერზე როდესაც თქვენ კარგად დააკვირდებით თქვენს საბოლოო პროდუქტს, თქვენ იქნებით კმაყოფილი იმით, რაც თქვენ შექმენით შენი ხელები

თუ გსურთ ჩემი კოდის ნახვა, ის შეგიძლიათ იხილოთ ამ ინსტრუქციის ბოლოში. გმადლობთ, რომ ათვალიერებთ ჩემს ინსტრუქციებს და გისურვებთ კოდს!

შეგახსენებთ, გთხოვთ, ხმა მომცეთ Maps Challenge- ში!