Google Haritalar Web Sitesine Nasıl Yerleştirilir: 4 Adım

2024 Yazar: John Day | [email protected]. Son düzenleme: 2024-01-30 13:17

Haritalar Yarışmasında benim için oy verin!

Son zamanlarda, Google Haritalar'ı kullanan bir web sitesi oluşturdum. Google Haritalar'ı web siteme gömmek oldukça kolaydı ve o kadar da zor değildi. Bu Eğitilebilir Kitapta, Google Haritalar'ı web sitenize yerleştirmenin ne kadar kolay olduğunu size göstereceğim.

Dürüst olmak gerekirse, Google Haritalar'ı web siteme sadece eğlence olsun diye yerleştirdim. Karantinadayken yapacak çok fazla şey yok, o halde neden Google Haritalar'ı kullanan bir web sitesi yapmıyorsunuz ve sonra insanlara bu web sitesini oluştururken attığım adımları göstermiyorsunuz.

Şimdi söylemeliyim ki, Google Haritalar'ı web sitenize yerleştirmek için HTML ve CSS hakkında bir iki şey bilmeniz gerekiyor. HTML veya CSS hakkında hiçbir şey bilmiyorsanız, https://www.w3schools.com/ adresine gitmeyi deneyin.

Not: W3Schools'a herhangi bir şekilde veya biçimde bağlı değilim. Bu sadece HTML ve CSS öğrenirken yardımcı olduğunu bulduğum bir web sitesi.

Gereçler

• Metin Düzenleyici (web sitenizi özelleştirmek ve web sitenizdeki içeriği sağlamak için kullanılacaktır).
• Google Haritalar (web sitenize ne eklenecek).
• Temel HTML ve CSS Anlayışı (bunlar, web sitenizi özelleştirirken ve web sitenize içerik sağlarken kullanılacak aşağıdaki programlama dilleridir).

1. Adım: Web Sitenizde İçerik Sağlayın

Bilgisayarınızdaki metin düzenleyici yazılımınıza gidin. Mesela Windows'um olduğu için Not Defteri'ne gitmeliyim. Not Defteri'ne gittikten sonra aşağıdakileri yazın:

Google Haritalar

Google Haritalar

Aşağıdakileri Not Defteri'ne yazmayı bitirdikten sonra, daha sonra Google Haritalar'ı web sitenize yerleştirmek için kullanacağınız kodu alacağınız Google Haritalar'a gidin.

İşte Google Haritalar'a gitmeniz için bağlantı:

2. Adım: Google Haritalar'ı Web Sitenize Yerleştirin

Google Haritalar'a girdikten sonra, "Menü" düğmesini tıklayın ve ardından "Haritayı paylaş veya göm" seçeneğini arayın. "Haritayı paylaş veya göm" seçeneğini gördüğünüzde üzerine tıklayın. Buna tıkladıktan sonra, "Bağlantı gönder" ve "Harita göm" seçeneklerini görmelisiniz. Şimdi "Harita göm"e tıklayın, "Harita göm"e tıkladıktan sonra, haritanın ne kadar büyük veya küçük olmasını istediğinizi seçmek için kullanılacak bir metin kutusunun solunda bir aşağı ok görmelisiniz. Kutudaki metni kopyalayın. Ve metni web sitenizin HTML'sine yapıştırın.

3. Adım: Web Sitenizi Özelleştirin

Bilgisayarınızdaki metin düzenleyici yazılımınıza geri dönün ve aşağıdakini yazın:

Google Haritalar gövdesi{arka plan rengi:rgb(129, 207, 224, 1);}

Google Haritalar

Stil etiketi, web sitenizi özelleştirmek için kullanılır. Şimdi size bu adımın CSS kullandığını söyleyeceğim. Sizinkinin tam olarak benim web siteme benzemesi için aşağıdakileri yazabilirsiniz.

İşiniz bittiğinde dosyanızı "Google Maps.html" olarak kaydedin. Html kısmını unutma çünkü bu kısmı eklemezsen web sitesi yapamazsın.

Adım 4: Nihai Ürününüze Bakın

Bu Talimatlardaki tüm adımları izledikten sonra, nihai ürününüze iyi bir göz atın. Nihai ürününüzden memnunsanız, bu harika. Ancak, nihai ürününüzden memnun değilseniz, Not Defterinize geri dönün ve nihai ürününüzü düzeltmeye çalışın, böylece bir dahaki sefere nihai ürününüze bir kez daha baktığınızda, yarattığınız şeyden memnun kalacaksınız. ellerin.

Kaynak kodumu görüntülemek isterseniz, bu Talimatların altında bulunabilir. Talimatlarımı ve mutlu kodlamamı görüntülediğiniz için teşekkür ederiz!

Bir hatırlatma olarak, lütfen Haritalar Yarışmasında bana oy verin!