Anasayfa » Google Yazılımı / İpuçları » Web Sitenize Google Haritalar Yol Tariflerini Ekleyin

    Web Sitenize Google Haritalar Yol Tariflerini Ekleyin

    Sizi A noktasından B noktasına götürecek pek çok haritalama uygulaması ve servisi olsa da, haritaların kesin kralı Google Maps'tir. Bilgisayarımda, tabletimde ve akıllı telefonumun% 90'ını kullanıyorum. Sokak Görünümü ve yürüyüş, bisiklet ve toplu taşıma bilgileri gibi en iyi veriye, en navigasyon ve rota seçeneklerine ve harika özelliklere sahip.

    Peki ya Google’ın web sitesinin dışında bir harita ya da yol tarifi kullanmanız gerekirse? Kendi düğün web sitenize veya kişisel bir blogunuza sahip olduğunuzu ve konukların sitenizi ziyaret edebildiklerini, girecekleri adresi yazıp etkinlik yerine otomatik olarak yol tarifleri alabildiklerini varsayalım.!

    Bunu başarmanın birkaç yolu var. En kolay yol, Google Haritalar tarafından oluşturulan gömme kodunu kullanarak haritayı web sayfanıza gömmenizdir. İkinci yol ise biraz daha teknik ama özelleştirilebilir ve dinamik. Aşağıdaki iki yöntemden de bahsedeceğim.

    Google Haritasını Göm

    Yönleri yalnızca bir konumdan diğerine görüntülemek istiyorsanız, yapılacak en kolay şey, yerleştirme kodunu kullanarak görüntülediğiniz haritayı yerleştirmektir. Önce, Google Haritalar’da istediğiniz talimatları uygulayın ve ardından sayfanın sağ altındaki dişli simgesini tıklayın..

    Tıklamak Haritayı paylaş veya göm ve sonra tıklayın Haritayı göm sekmesi. Buradan haritanız için bir boyut seçebilir ve ardından iframe kodunu kopyalayıp istediğiniz web sayfasına bırakabilirsiniz..

    Bu yöntemin tek dezavantajı, kullanıcının sadece statik bir harita görmesidir. Aşağıdaki ikinci yöntemde, kullanıcının herhangi bir başlangıç ​​adresini girebileceği bir form oluşturabilir ve o adresden seçtiğiniz bir adrese bir harita oluşturacaktır..

    Google Haritalar Formu Oluştur

    İkinci yöntemle ne demek istediğimi göstermek için, devam edin ve bulunduğunuz yerden evime yol tarifi almak için aşağıdaki kutuya bir ABD adresi yazın:

    Havalı değil mi? Bu küçük formu herhangi bir web sitesinde, blogda veya bazı HTML kodlarını koyabileceğiniz herhangi bir yerde kolayca oluşturabilirsiniz! Bu, küçük işletme web siteleri için harikadır, çünkü iletişim sayfanıza atabilir ve insanlar adresinizi kopyalamak, yeni bir pencere açmak ve ardından başlangıç ​​adreslerini girmek yerine hızlı bir şekilde yol tariflerini alabilirler..

    Peki bu değiştirilmiş yol tarifleri kutusunu nasıl oluşturacağız? Öncelikle, Google'ın yol tarifleri için kullandığı URL için doğru sözdizimini edinmemiz gerekir. Neyse ki, iki yer arasında yol tarifi alarak ve ardından URL’yi adres çubuğundan kopyalayarak bunu çözebiliriz. Ayrıca sayfanın sağ altındaki küçük dişli simgesine tıklayabilir ve seçim yapabilirsiniz. Haritayı paylaş veya göm.

    Bağlantı paylaş sekmesi, tarayıcınızın adres çubuğundaki URL’yle aynı olan URL’yi içerecektir. Size nasıl göründüğünü göstermek için devam ettim ve aşağıdaki URL'nin tamamını yapıştırdım..

    https://www.google.com/maps/dir/3600+Thorp+Springs+Dr,+Plano,+TX+75025,+USA/ 854 + Deerfield + Rd, + Allen, + TX + 75013, + ABD / 33.1125686, -96.7557749,13z / data =! 3m1! 4b1! 4m13! 4m12! 1m5! 1m1! 1s0x864c3d45018517a5: 0xbabd3c91a1321997! 2m2! 1d-96.76248447. 1s0x864c16d3018a7f4f:!!! 0xab2052b5786cd29f 2m2 1d-96,666151 2d33.133892

    Olmadı! Bu çok uzun! İçinde pek bir anlamı olmayan pek çok şey var! Google Haritalar URL parametreleri çok basit ve kolaydı, ancak yeni URL yapısı oldukça karmaşıktı. Neyse ki, eski parametreleri kullanmaya devam edebilirsiniz ve Google bunları otomatik olarak yeni sürüme dönüştürecektir. Ne demek istediğimi görmek için aşağıdaki bağlantıya göz atın..

    http://maps.google.com/maps?saddr=start&daddr=end

    Haydi git ve ona bir şans ver. Başlangıç ​​ve bitiş adresi için tırnak içine bir adres girin ve URL'yi tarayıcınıza yapıştırın! Yerim şehri New Orleans'la başlayıp Houston, TX ile bitirdim, yani Google Haritalar yol tarifleri URL’m şöyle görünüyor:

    http://maps.google.com/maps?saddr=74new orleans, la ”& daddr =” houston, tx ”

    İşe yarıyor! Gördüğünüz gibi Google Haritalar, bağlantıları tamamen yükledikten sonra bağlantıları çok daha karmaşık bir şeye dönüştürüyor. Tamam, şimdi Google Haritalar’a aktarabileceğimiz aklı başında bir URL’miz var, biri başlangıç ​​adresi, diğeri hedef adres için iki alan içeren basit bir form oluşturmamız gerekiyor..

    İnsanların sadece adreslerini yazmasını ve yerinize yol tariflerini almasını istiyorsanız, ikinci alanın gizlenmesini ve hedef adrese zaten ayarlanmış olmasını isteriz.


    Başlangıç ​​adresinizi girin:



    Yukarıdaki kodu kontrol edin. İlk satır formu başlatır ve gönder düğmesine tıklandığında verilerin maps.google.com/maps adresine gönderilmesi gerektiğini belirtir. target = blank sonucun yeni bir pencerede açılmasını istediğimiz anlamına gelir. Sonra başlangıç ​​adresi için boş olan bir metin kutumuz var..

    İkinci metin kutusu gizlenir ve değer, istediğimiz hedef adresdir. Son olarak, “Yol Tarifi Al” başlığının bulunduğu bir gönder düğmesi var. Şimdi birileri adreslerini yazdığında, şunu alacaklar:

    Birkaç ekstra parametre ile yönleri ve haritayı daha da özelleştirebilirsiniz. Örneğin, varsayılan görünümün harita olmasını istemediğinizi, bunun yerine olmasını istediğinizi varsayalım. Uydu ve şov Trafik.

    http://maps.google.com/maps?saddr=%22new+orleans,+la%22&daddr=%22houston,+tx%22&ie=UTF8&t=h&z=7&layer=t

    Dikkat tabaka = t ve t = h URL’deki alanlar. layer = t, trafik katmanı içindir ve t = h karma harita anlamına gelir.! t ayrıca ayarlanabilir m normal harita için, k uydu için ve p arazi için. z yakınlaştırma düzeyi ve 1'den 20'ye kadar değiştirebilirsiniz. Yukarıdaki URL'de, 7'ye ayarlanmıştır. Bunları son URL'nize yapıştırın ve artık sitenizde çok özelleştirilmiş bir Google Haritalar Yol Tarifi formu almanız yeterli.!

    Bununla ilgili sorun yaşarsanız, yorum yazıp yardım etmeye çalışacağım! Keyfini çıkarın!