Sitenize google rotaları nasıl eklenir?

Bir BT uzmanı olarak size Google Routes'u web sitenize nasıl ekleyeceğinizi göstereceğim. Bu, ziyaretçilerinizin nerede olurlarsa olsunlar konumunuza yol tarifi almalarını sağlar. Öncelikle, bir Google Haritalar API anahtarı oluşturmanız gerekir. Bunu, Google Developers Console'a gidip yeni bir proje oluşturarak yapabilirsiniz. Bir proje oluşturduktan sonra, 'API'leri etkinleştir ve yönet' bağlantısını tıklayın ve ardından 'Maps Embed API'yi bulun ve etkinleştirin. Ardından, Google Routes widget'ının kodunu almanız gerekecek. Bu kodu, Google Maps Embed API sayfasına gidip 'Kodu Al' düğmesini seçerek bulabilirsiniz. Kodu kopyalayın ve web sitenizin HTML'sine yapıştırın. Son olarak, widget'ı görüntülemek için web sitenize aşağıdaki kodu eklemeniz gerekir: 'YOUR_API_KEY'i daha önce oluşturduğunuz API anahtarıyla ve 'Your+Destination'ı konumunuzun adresiyle değiştirin. Değişikliklerinizi kaydedin ve işiniz bitti! Ziyaretçileriniz artık dünyanın her yerinden konumunuza yol tarifi alabilecek.

Eğer bilmek istiyorsan web sitenize google yol tarifi nasıl eklenir sonra bu yazıyı okuyun. Google Haritalar en popüler dijital harita hizmeti Dünya çapında. Belirli bir varış noktasına giden en iyi rotayı bulmak için gerçek zamanlı trafik bilgilerini kullanır. Bir Google Haritasının Yerleştirilmesi blogunuza veya web sitenize eklemek, ziyaretçilerinizin bir dünya haritası üzerinde konumunuzu görmesine, adresinizi görmesine ve (varsa) yorumları okumasına yardımcı olur. Eşsiz Google Haritalar yerleştirme kodu oluşturucuyu kullanarak web sitenize bir haritayı kolayca yerleştirebilseniz de, bu haritayı ziyaretçilerinizin konumunuza giden yolu bulmalarına yardımcı olacak bir navigasyon aracı olarak kullanamazsınız. Bu yayında, ziyaretçilerinize yol tariflerini göstermek için Google Haritalar'ı nasıl kullanacağınızı göstereceğiz.

Yapabileceğiniz aşağıdaki 2 yönteme bakacağız. web sitenize Google yol tariflerini ekleyin :

Statik google haritasını ekleyin ve harita rotasını göstermek için html formunu kullanın
iFrame Harita Oluşturucu'yu kullanın

Bu yöntemlere ayrıntılı olarak bakalım.

1] Statik bir Google haritası ekleyin ve haritanın rotasını göstermek için bir HTML formu kullanın.

Bu yöntem 2 adım içerir. Adım 1 - Gömme statik Tam konumunuzu belirleyen Google haritası. 2. Adım, kullanıcının konumunu kabul eden ve onlar için Google Haritalar'da bir rota haritası oluşturan bir HTML formu eklemektir. Bunun nasıl yapılabileceğini görelim.

A] Google haritasını web sitenize yerleştirin

Tarayıcınızı başlatın.
açık Google Haritalar yeni bir tarayıcı sekmesinde.
Adresinizi sol üst köşedeki Google Haritalar arama çubuğuna girin.
Görüntülenen sonuçlar listesinden bir konum seçin.
Not: Adresinizi bulamıyorsanız, takip etmek için Google Haritalar'ı yakınlaştırın. Konumunuzu bir harita üzerinde işaretlemek için Google Haritalar Sokak Görünümü panoramalarını kullanabilirsiniz. Bulduğunuzda, 'Eksik bir konum ekleyin' veya 'İşletmenizi ekleyin' seçeneklerini kullanarak doğru adres ayrıntılarınızı girebilir ve ardından konumunuzu doğrulama için Google'a gönderebilirsiniz. İstek gönderildikten birkaç saat sonra eklenecektir.
Google Haritalar tam konumunuzu belirlemek üzere göründüğünde, simgeyi tıklayın. Paylaşmak simge.
Çevirmek Harita yerleştirme sekme
Basmak HTML'yi kopyala harita kodunu panonuza kopyalamak için bağlantı. Önceden tanımlanmış bir boyut (küçük, orta, büyük) seçerek veya özel bir boyut girerek haritanın web sitenizde ne kadar büyük veya küçük görünmesini istediğinize karar verebilirsiniz.
Ardından sitenizin yönetici paneline gidin.
Haritayı yerleştirmek istediğiniz web sayfasını açın.
Kod düzenleyici görünümüne geçin.
Kodu yapıştırın.
Kod düzenleyiciden çıkın. Google Haritalar'ın bir önizlemesini görebileceksiniz.

B] Google Haritalar'da bir navigasyon rotası oluşturmak için bir HTML formu kullanın.

Kod düzenleyici görünümüne dönün.
Aşağıdaki resimde gösterilen kodu Google Harita kodunun altına ekleyin:
Resimde vurgulanan hedef adres değerini konumunuzun adresiyle değiştirin.
Kod düzenleyici görünümünden çıkın.
Kodu önizleyin ve 'Bir adres girin' alanına bir adres ekleyerek ve düğmeyi tıklayarak çalışıp çalışmadığını kontrol edin. Bana gideceğim yönü göster düğme.
Yukarıdaki adımlar rotayı göster girilen adresten Google Haritalar'daki konumunuza.
Her şey yolundaysa, o zaman yapabilirsiniz Yayınla kod.

2] iFrame Harita Oluşturucuyu kullanın

Tarayıcınızı başlatın.
açık Ücretsiz HTML Harita Oluşturucu yeni bir tarayıcı sekmesinde.
adresinizi girin adresinizi girin sol paneldeki arama alanı.
Konumunuz, ekranın sağ tarafında Google Haritalar'da görüntülenecektir. Harita türünü, yakınlaştırma mesafesini, genişliğini veya yüksekliğini ayarlayabilirsiniz. Ayrıca yanındaki geçiş düğmesine tıklayarak haritayı duyarlı hale getirebilirsiniz. Haritayı duyarlı hale getirin seçenek.
Tıklamak HTML kodu oluştur aşağıdaki düğme.
Kod görünecektir. basın Kodu panoya kopyala düğme.
Sitenizin yönetici paneline giriş yapın.
Haritayı yerleştirmek istediğiniz sayfayı açın.
Kod düzenleyici görünümüne geçin.
Kodu yapıştırın.
Kod düzenleyiciden çıkın.
Tıklamak Ön izleme düğme. Harita önizlemesi görünecektir.
Tıklamak Talimatlar simge.
Google Haritalar, hedefiniz olarak önceden doldurulmuş adresinizle açılır.
Başlangıç adresini girin. Ayrıca kullanabilirsin Konumunuz Google Haritalar'ın geçerli konumunuzu kullanmasına izin verme seçeneği.
Rota haritası görünecektir.
Her şey yolunda giderse, Yayınla sayfa.

Bu şekilde, ziyaretçileriniz web sitenize yerleştirilmiş Google Haritalar'da konumunuzu görüntüleyebilir ve kendi konumlarından sizin konumunuza giden yol tariflerini bulabilir. Umarım bu gönderiyi yararlı bulursunuz. Herhangi bir sorunuz varsa yorumlarda bize bildirin.

Ayrıca okuyun: Günlük Kullanım için En İyi Google Haritalar Alternatifleri.

Web siteme Google Haritalar ekleyebilir miyim?

Evet, Google Haritalar'ı web sitenize veya blogunuza ekleyebilirsiniz. Google Embed Code Generator veya ücretsiz Google HTML Map Generator kullanarak. . Bu seçeneklerin her ikisi de, ikisi arasında küçük bir fark olmasına rağmen, adresinizi kırmızı bir topla gösteren bir Google haritasını yerleştirmenize izin verir. İlki, ziyaretçilerinizin tam konumunuzu, yakındaki ilgi çekici yerleri vb. görmesini sağlayan statik bir harita yerleştirmenize izin verirken, ikincisi şunları sunar: Talimatlar konumunuza giden yol tariflerini bulmak için kullanabilecekleri eksiksiz bir rota haritası oluşturan bir özellik. İhtiyaçlarınıza bağlı olarak, Google Haritalar'ı web sitenize veya blogunuza eklemek için bu seçeneklerden herhangi birini kullanabilirsiniz.

Google Haritalar yerleştirme kodunu nasıl alabilirim?

Google Haritalar yerleştirme kodunu almak oldukça kolaydır. Google Haritalar'ı tarayıcı pencerenizde yeni bir sekmede açın ve mevcut arama çubuğuna adresinizi girin. Haritalar adresinizi seçip görüntülediğinde, simgeye tıklayın. Paylaşmak simge. Paylaş penceresinde, düğmesine tıklayın Harita yerleştirme sekmesi Ardından üzerine tıklayın HTML'yi kopyala bağlantı sağ üst köşede gösterilir. Bu kadar! Ayrıca Google Haritalar'ın menüsüne (hamburger simgesi) ve simgeye tıklayabilirsiniz. Harita paylaşma veya yerleştirme seçenek. Bu kodu almanın başka bir yolu, yukarıdaki gönderide 2. yöntemde açıklandığı gibi Ücretsiz HTML Harita Oluşturucu (Haritalar iFrame Oluşturucu) aracılığıyladır.

Devamını oku: Sizi profesyonel yapacak en iyi Google Haritalar ipuçları ve püf noktaları.