Web Sitesine Google Harita Kodu Ekleme

Web Sitesine Google Harita Kodu Ekleme

Çoğunlukla işletmelere ait kurumsal web siteleri iletişim sayfalarının alt kısmına şirket adresine ait harita eklemek isterler. Adresi sadece yazı ile değil, haritayla daha detaylı bir şekilde anlatabilirsiniz. Web sitesine Google harita kodu ekleme işlemini yapabilmek için, www.embedgooglemaps.com/en ve www.console.developers.google.com/dcredirect?pli=1 sitesinde istenilen bilgileri doğru bir şekilde doldurmanız gerekiyor.

www.embedgooglemaps.com/en ve ww.console.developers.google.com/dcredirect?pli=1 sitelerinden faydalanarak işletmenize ait adresini web sitenize ekleyebilirsiniz. Şirket bilgileri ve detayları girdikten sonra tam adresinizi gösteren mesaj kutusunun içinde işletmenizin adresini gösterebilirsiniz. Google haritalarda gerekli bilgileri doldurduktan sonra paylaş butonuna basarak işletmenizin adresini ve bulunduğu yakın çevreyi iframe kodu ile web sitenize ekleyebilirsiniz.

Google Haritalar Kodu Kullanarak Web Sitesine Adres Ekleme

www.embedgooglemaps.com/en sitesine girerek Google haritalar kodunu alabilirsiniz. Sitenin Türkçe dil desteği bulunmadığı için, İngilizce olarak kullanmanız gerekiyor. Aşağıda yer alam adımları takip ederek istenilen bilgileri doldurun. İframe kodunu, iletişim sayfasına yapıştırarak işletmenizin adresini gösteren Google haritaları ekleyebilirsiniz.

Embedgooglemaps sitesine giriş yapın.

Başlık (title) kısmına şirketin ya da şirketin adres adını yazın.

Adres (address) kısmına işletmenizin adresini yazın.

Harita türü (map type) seçeneğine tıklayarak harita türünü seçin. Seçenekler uydu, hibrit ve arazi haritası olarak sınırlandırılmıştır.

Yakınlaştırma (zoom) bölümünde harita yakınlaştırma ölçüsünü seçebilirsiniz. 50 m. ya da 100 m. olarak seçebilirsiniz.

İşletmenizin web sitesindeki iletişim bölümü sayfasına göre yükseklik (height) ve genişlik (width) ayarlarını yapabilirsiniz.

Yukarıda yer alan bilgileri doğru bir şekilde doldurduktan sonra generate my code butonuna basın.

Karşınıza iframe kodu yer alan bir kutucuk çıkacaktır. Click here and press ctrl+c butonuna ya da kodu fare yardımıyla seçip, ctrl+c butonuna basarak kopyalayın.

Kopyaladığınız html iframe kodunu iletişim sayfasında yer alan kaynak kodunun içine yapıştırın. Google haritalar kodunu sitenin alt kısmı (footer) bölümüne, iletişim, bilgiler ve makaleler sayfasının sonuna da ekleyebilirsiniz.

Harita Gösterimi Yapmak İçin Google Api Kodunu Ekleyin

Yukarıdaki işlemleri doğru bir şekilde yaparak harita kodunu siteye ekleseniz de, adresinize ait haritayı Google’de gösteremezsiniz. Haritayı göstermek için, Google Api kodu alarak sitenize eklemeniz gerekiyor.

www.developers.google.com/maps/documentation/javascript/get-api-key sitesine girerek Google Map için Api kodunu alabilirsiniz. Site içerisinde Api keyin nasıl alınacağı anlatılmıştır.