Widget Kategorileri: İş Dünyası
Ziyaretçilerinize istediğiniz herhangi bir yerin haritasını gösterin. Gerçek mekanda faaliyet gösteren işletmenizin veya özel bir etkinliğin konumunu göstermek için Harita widget'ını kullanın. Müşterilere nerede park yeri bulabileceklerini göstermek için de kullanabilirsiniz.
Harita Kurulum Seçenekleri
-
Verilen alana işletme adresinizi yazın.
-
Açılan listeden adresi seçin.
Not
Adresiniz açılır menüde görünmüyorsa, Website Builder'ın kullandığı HERE veritabanı adresi içermiyor demektir. Adresi göndermek veya düzeltmek için HERE Map Creatorile iletişime geçin.
-
-
Bir harita görüntüsü yerine bir harita düğmesi görüntülemeyi seçebilirsiniz.
-
Belirli cihazlarda bir harita düğmesi görüntülemek için, Cihazlarda düğme kullan (
) düğmenin görünmesini istediğiniz yer. Hiçbir cihaz seçilmezse, harita görüntüsü görüntülenecektir.
-
editör 2.0: Düğmeyi tüm cihazlarda etkinleştirmek için Tüm Cihazlarda Düğme Olarak Ayarla geçişine tıklayın.
-
-
Düğme üzerinde görünmesini istediğiniz metni sağlanan Düğmedeki Metin alanına yazın.
-
Konum bilgisi Açılır Penceresi (Harita işaretleyicisi için Bilgi Penceresi). Harita widget'ında bir konum bilgisi açılır penceresi görüntülemek için:
-
Açılır pencere için bir başlık ve açıklama yazın.
-
Açılır pencerenin üzerine gelindiğinde, tıklandığında veya Her zaman görüntülenmesini Açılır pencere ekranı açılır menüsünden seçin.
-
HTML widget'ını kullanarak Google Haritalar'dan haritalar yerleştirmek için:
-
Google Haritalar'a gidin.
-
İstediğiniz konumu arayın.
-
Sol üstteki menüye tıklayın, ardından Haritayı paylaş veya göm seçeneğine tıklayın.
-
Haritayı göm sekmesine tıklayın.
-
<Iframe src ="'den sonra gelen tırnak içindeki URL'yi kopyalayın. Tırnaklar içindeki URL'nin tamamını kopyaladığınızdan emin olun.
-
Sitenize gidin ve sol panelde Widget'lara tıklayın ve HTML widget 'ını bir satıra veya sütuna sürükleyin.
-
Aşağıdaki yerleştirme kodunu, Google Haritalar'dan aldığınız URL'deki iframe src= sonrası alıntılara ekleyin:
<div class="embed-container"><iframe src=" " frameborder="0" allowfullscreen></iframe></div> -
Geliştirici Moduna gidin.
-
Site HTML/CSS öğesine ve ardından site.css öğesine tıklayın.
-
Aşağıdaki CSS'yi bu bölüme gömün:
.embed-container {pozisyon: nispi; ped-alt: 56.25%; yükseklik: 0; taşma: gizli; maksimum genişlik: 100%;} .embed-container iframe, .embed-konteyner nesne, .embed-container embed {pozisyon: absolute; top: 0; left: 0; width: 100%; height: 100%;}Harita, farklı cihaz görünümleri için uygun şekilde yeniden boyutlandırılacaktır. Normal Google Haritalar yerleştirme kodunu kullanırsanız, harita widget'ının boyutu tüm cihazlarda statik görünecek ve mobil görünümde kesilecektir.