Web Sitesine Harita Ekleme

Web Sitesine Harita Ekleme : Web sitesi üzerinde harita ekleme işlemi yapmak için ilk önce hangi harita servisinden hizmet alacağınıza karar vermeniz gerekmektedir. Kararınızı verdikten haritayı alacağınız yere girip Web sitesi kullanıcılarına göstereceğiniz adresi harita üzerinde işaretleyip HTML embed kodunu alıp siteye dilediğiniz yere ve istediğiniz boyutlarda dinamik bir şekilde yerleştirebilirsiniz.

Örneğin Web sitesine entegre edilecek harita kodu Google Maps üzerinden alınacak. Bu işlem aslında oldukça basittir ve Web sitesine yerleştirilirken neredeyse hiç bir sorun çıkarmaz. Sizlere aşağıda Web sitenize nasıl dinamik harita kodunu ekleneceğini gösteriyor olacağım.

Web sitenizin iletişim sayfasına veya her hangi bir sayfası içine dinamik olsun olmasın bir harita eklediğiniz taktirde Sitenize giren kullanıcıların size olan bakış açısı değişecek ve sizlerle iletişim kurması kolaylaşacaktır.

Web Sitesine Harita Nasıl Eklenir?
Web Sitesine Harita Nasıl Eklenir?

Harita Kodu Nasıl Eklenir?

Sizlere aşağıda maddeler halinde sitenize harita kodunu nasıl ekleneceği hakkında bilgi vereceğim.

  • İlk olarak kodu alacağınız siteyi açınız. (Örneğin; Google Maps)
  • Hemen ardından sol üst köşede bulunan arama bölümüne aradığının bölgeyi veya yeri yazın.
  • Çıkan sonuç eğer doğruysa paylaş linkine tıklayıp haritayı yerleştir sekmesinin üzerine tıklıyoruz.
  • Hemen önünüze gelen iFrame kodunu alıp Web sitenizin dilediğiniz bölümüne yerleştirebilirsiniz.

Örnek;

Aradığımız ve Web sitesine yerleştireceğimiz bölge İstanbul / Üsküdar olsun maps üzerindeki arama bölümüne aynı bu şekilde yazıp arama tuşuna basıyoruz.

Hemen ardından sol bölümde karşımıza gelen paylaş -> haritayı yerleştir adımlarını izleyerek karşınıza gelen Embed iFrame kodunu kopyalayıp sitenizin içine uygun gördüğünüz her hangi bir alana yerleştiriyorsunuz.

iFrame İstanbul / Üsküdar bölgesinin örnek kodunu aşağıda paylaşıyorum.

<p>
	<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d48152.69528633698!2d29.01271007818618!3d41.035243200158526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cac826d524c9f1%3A0xc14f7612337b7f38!2zw5xza8O8ZGFyL8Swc3RhbmJ1bA!5e0!3m2!1str!2str!4v1519733547760" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</p>

Harita Kodu Ne işe Yarar?

Web sitesi içinde harita bulunması yaptığınız işle de doğru orantılı olarak işinize kesinlikle yarayabilir. Bunun artılarında aşağıda sizlere sırayla bahsedeceğim.

  • Hedef kitlenizin size ulaşabilmesi için dinamik bir harita herkesin işini oldukça kolaylaştıracaktır.
  • Kullanılan harita ürünü sizi arama motorlarının ilgili sonuçlarında listeme de olumlu etkisi olabilir.
  • Birden fazla harita ekleyerek diğer işletmelerinizi kullanıcılara tarif etmiş olursunuz.
  • İşletmenize gelen kişilerin hizmetiniz hakkında ne düşündüklerini belirtmelerini sağlar.

Harita veya diğer Web tasarım konuları hakkında takıldığınız, sormak istedikleriniz aşağıdaki form üzerinden ilgili bölümleri tam doldurarak bana kolaylıkla sorularınızı iletebilirsiniz. Sizlere en kısa süre içinde geri dönüş yapmaya çalışacağım. Şimdiden hepinize iyi çalışmalar diliyorum.

Web Sitesine Harita Ekleme