Google Xəritələri Veb sayta necə yerləşdirmək olar: 4 addım

2024 Müəllif: John Day | [email protected]. Son dəyişdirildi: 2024-01-30 07:44

Maps Challenge -də mənə səs verin!

Bu yaxınlarda Google Xəritələrdən istifadə edən bir veb sayt yaratdım. Google Xəritələri veb saytımda yerləşdirmək olduqca asan idi və bunu etmək o qədər də çətin deyildi. Bu Təlimatlarda, Google Xəritələri veb saytınıza yerləşdirməyin nə qədər asan olduğunu sizə göstərəcəyəm.

Düzünü desəm, əylənmək üçün veb saytımda Google Xəritələri yerləşdirdim. Karantində olarkən o qədər də çox şey yoxdur, buna görə də Google Xəritələrdən istifadə edən bir veb sayt hazırlamayın, sonra insanlara bu veb saytı yaratarkən atdığım addımları göstərməyin.

İndi deməliyəm ki, Google Xəritələri veb saytınıza yerləşdirmək üçün HTML və CSS haqqında bir -iki şey bilməlisiniz. HTML və ya CSS haqqında heç nə bilmirsinizsə, https://www.w3schools.com/ saytına daxil olmağa çalışın.

Qeyd: W3Schools ilə heç bir forma və formada bağlı deyiləm. HTML və CSS öyrənərkən faydalı olduğunu gördüyüm bir veb saytdır.

Təchizat

• Mətn Redaktoru (veb saytınızı fərdiləşdirmək və veb saytınızdakı məzmunu təmin etmək üçün istifadə ediləcək).
• Google Xəritələr (veb saytınıza nə yerləşdiriləcək).
• HTML və CSS haqqında əsas anlayışlar (bunlar veb saytınızı fərdiləşdirərkən və veb saytınızda məzmun təmin edərkən istifadə ediləcək aşağıdakı proqramlaşdırma dilləridir).

Addım 1: Veb saytınıza məzmun verin

Kompüterinizdəki mətn redaktoru proqramına gedin. Məsələn, Windows -u olduğum üçün Notepad -a getməliyəm. Notepad -a daxil olduqdan sonra aşağıdakıları yazın:

Google Xəritə

Google Xəritə

Notepadda aşağıdakıları yazmağı bitirdikdən sonra, Google Xəritələri veb saytınıza yerləşdirmək üçün istifadə edəcək kodunuzu alacağınız Google Xəritələrə gedin.

Google Xəritələrə keçmək üçün link budur:

Addım 2: Google Xəritələri Veb saytınıza yerləşdirin

Google Xəritələrə daxil olduqdan sonra "Menyu" düyməsini basın və sonra "Xəritəni paylaş və ya yerləşdir" tapın. "Xəritəni paylaşın və ya gömün" gördükdə üzərinə vurun. Bunu tıkladıqdan sonra "Bağlantı göndər" və "Xəritəni yerləşdir" yazısını görməlisiniz. İndi "Xəritəni gömrük et" düyməsini basın, "Xəritəni yerləşdir" düyməsini tıkladıqdan sonra, xəritənin nə qədər böyük və ya kiçik olmasını seçmək üçün istifadə ediləcək bir mətn qutusunun solundakı aşağı oxu görməlisiniz. Mətni qutuya kopyalayın. Və mətni veb saytınızın HTML -ə yapışdırın.

Addım 3: Veb saytınızı fərdiləşdirin

Kompüterinizdəki mətn redaktoru proqramına qayıdın və aşağıdakıları yazın:

Google Xəritə gövdəsi {background-color: rgb (129, 207, 224, 1);}

Google Xəritə

Stil etiketi veb saytınızı fərdiləşdirmək üçün istifadə olunur. İndi sizə xəbər verəcəyəm ki, bu addım CSS -dən istifadə edir. Veb saytımın sizinki kimi görünməsi üçün aşağıdakıları yaza bilərsiniz.

Bitirdikdən sonra faylınızı "Google Maps.html" olaraq qeyd edin. Html hissəsini unutmayın, çünki bu hissəni daxil etməsəniz, veb sayt edə bilməzsiniz.

Addım 4: Son Məhsulunuza baxın

Bu Təlimatdakı bütün addımları yerinə yetirməyi bitirdikdən sonra, son məhsulunuza yaxşı baxın. Son məhsulunuzdan razısınızsa, bu çox yaxşıdır. Ancaq son məhsulunuzdan məmnun deyilsinizsə, Notepad -a qayıdın və son məhsulunuzu düzəltməyə çalışın ki, növbəti dəfə son məhsulunuza bir dəfə yaxşı baxanda, yaratdıqlarınızdan məmnun qalasınız. əlləriniz.

Mənbə koduma baxmaq istəyirsinizsə, bu Təlimatların altında tapa bilərsiniz. Təlimatlarımı izlədiyiniz və xoşbəxt kodlaşdırdığınız üçün təşəkkür edirəm!

Xatırladaq ki, Maps Challenge -də mənə səs verin!