Turbosite sitenize nasıl Google Maps eklenir
Google Maps, haritalama konusunda dünya standardıdır. Uluslararası bir kitleye hitap eden siteler veya turizm işletmeleri için uygundur. En kolay yöntem, haritayı doğrudan Google Maps arayüzünden, API anahtarı gerektirmeden iframe aracılığıyla yerleştirmektir. Ücretsizdir. Kurulum 5 dakika sürer.
Neler gereklidir
- Google hesabı (temel iframe için zorunlu değildir) — kayıt
- Turbosite üzerinde yayınlanmış bir site
- 5 dakika
Adım 1. Harita kodunu alma
- google.com/maps adresini açın.
- Aramada istediğiniz adresi veya işletmeyi bulun.
- Yer kartı üzerinde «Paylaş» (ok simgesi) düğmesine tıklayın.
- Açılan pencerede «Harita yerleştirme» (Embed a map) sekmesini seçin.
- Harita boyutunu seçin: küçük, orta, büyük veya özel.
- Oluşturulan iframe kodunu kopyalayın.
📷 Ekran görüntüsü: Google Maps’teki iframe kodu ve boyut seçeneklerini içeren «Harita yerleştirme» penceresi.
Adım 2. Kodu Turbosite’a ekleme
Harita sayfanın belirli bir yerinde (genellikle «İletişim» bloğunda) görünür, bu nedenle kod sayfa gövdesine eklenir.
- Turbosite’ta sitenizi açın.
- Sayfanın istediğiniz yerine bir «HTML kodu» bloğu ekleyin.
- Kopyaladığınız Google Maps iframe kodunu yapıştırın.
- Değişiklikleri kaydedin.
- Sitenizi yayınlayın.
📷 [Turbosite ekran görüntüsü — eklenecek: sayfa gövdesinde Google haritası içeren HTML kodu bloğu].
Adım 3. Haritanın çalıştığını kontrol etme
- Yayınlanan siteyi açın.
- Harita bloğuna gidin; 1-2 saniye içinde yüklenmesi gerekir.
- Etkileşimi kontrol edin: işarete tıklayın, yakınlaştırmayı deneyin, yer kartını okuyun.
- Mobilde açın; harita uyumlu hale gelmelidir.
Sıkça Sorulan Sorular
Harita mobilde kesiliyor veya tam genişlikte değil.
Iframe içindeki sabit width="600" ve height="450" değerlerini kaldırın ve iframe’i duyarlılık için CSS sınıfına sahip bir <div> içine alın:
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
<iframe src="src_adresiniz"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
frameborder="0" allowfullscreen>
</iframe>
</div>
API anahtarı gerekli mi? «Paylaş» menüsünden alınan temel iframe için hayır. API anahtarı, yalnızca Google Maps Embed API’yi doğrudan veya özelleştirme (kendi işaretçileriniz, rotalarınız, stilleriniz) için JavaScript API’yi kullanıyorsanız gereklidir.
Kendi işaretçimi veya rotamı ekleyebilir miyim? Iframe aracılığıyla sadece Google Maps’te olanlar eklenebilir. Kendi işaretçileriniz için Google My Maps üzerinde bir harita oluşturun ve ardından iframe kodunu oradan alın.
Google Maps Platform tarifeleri. 2025 yılından itibaren Google Maps Platform ücretlendirmesi değişti: genel ücretsiz kredi yerine, her ürün için ayrı aylık limitler getirildi. Temel Embed iframe, sınırlama olmaksızın ücretsiz çalışır. JavaScript API kullanıyorsanız, Cloud Console üzerinden limitleri kontrol edin.
Harita Rusça, İngilizce olmasını istiyorum.
Google, dili tarayıcı yerel ayarlarına göre otomatik olarak belirler. Dili sabitlemek için iframe URL’sine &hl=en (veya başka bir dil kodu) parametresini ekleyin.
Daha fazla bilgi için
- Google Maps Platform Documentation — resmi dokümantasyon
- Google My Maps — işaretçili kendi haritalarınızı oluşturma
- Google Maps Platform Fiyatlandırması — güncel tarifeler
