Sayfanıza Şık Haritalar Eklemek Etkileşimli Bir Deneyimdir

Yazan

içinde

Adding-Stylish-Maps-to-your-Page-is-an-Interactive-Experience-2Artık Page Builder Sandwich’i kullanarak sayfa tasarımlarınıza haritalar yerleştirebilirsiniz!

Haritalar konusunda heyecanlanmak tuhaf bir şey gibi görünebilir. Google Haritalar URL’sini alır ve gömersiniz. Ya da belki internetten bir harita eklentisi bulup kısa kod eklersiniz. Veya belki de diğer sayfa oluşturucunuzda zaten bir tane vardır ve istediğiniz zaman ekleyebilirsiniz. Ancak heyecanlı olmamızın nedeni, harita eklemeyi tamamen yeni bir seviyeye taşımış olmamızdır.

İşte bir önizleme:

Harita Eklemenin Eski ve Sıkıcı Yolu

Tipik bir sayfa oluşturucu ile haritayı şu şekilde eklersiniz:

  1. Yeni bir harita öğesini sürüklersiniz,
  2. Alanlara enlem ve boylamı girersiniz,
  3. Harita yüksekliği, harita genişliği gibi alanlara diğer değerleri girer, yol stili onay kutusunu işaretlersiniz vb.,
  4. Önizlemeye basıp nasıl göründüğünü kontrol eder ve daha havalı görünmesi için bir şeyleri değiştirmeniz gerektiğine karar verirsiniz,
  5. Sayfa oluşturucuya geri dönüp değerleri değiştirir, ardından yukarıdaki 4. adımı tekrarlarsınız.

Page Builder Sandwich ile Harita Ekleme Yolu

Web sitelerindeki haritalar etkileşimlidir; harita üzerinde gezinebilir, yakınlaştırıp uzaklaştırabilirsiniz. Bu yüzden düşündük ki, neden tüm tahmin yürütme işini ortadan kaldırıp insanların sayfalarını oluştururken haritayla doğrudan etkileşime girmesine izin vermeyelim?

Page Builder Sandwich ile haritayı şu şekilde eklersiniz:

  1. Bir harita öğesi eklersiniz,
  2. Haritanın odaklanmasını istediğiniz adresi veya enlem ve boylamı yazarsınız,
  3. İstediğiniz görünümü elde etmek için haritayı hareket ettirir ve yakınlaştırıp uzaklaştırırsınız,
  4. Tarzınıza uyması için haritalarınıza harika renkler eklersiniz,
  5. Kaydet’e basarsınız.

Bizim yöntemimiz çok daha eğlenceli ve sezgiseldir. Esasen haritayla, normal bir Google Haritası ile etkileşime girdiğiniz gibi etkileşime girersiniz.

Renkli Haritalar veya SnazzyMaps ile Tarz Katma

Eklediğimiz harika bir özellik de haritalarınızı tonlama ve renklendirme yeteneğidir ve bunu yapmak son derece kolaydır. (Bu yalnızca premium sürüm içindir). Haritanızı renklendirmek istiyorsanız, renk seçicimize tıklayıp bir renk seçmeniz yeterlidir; haritanız hemen değişecektir.

İşte pembe ton verdiğimiz bir tanesi:

Page Builder Sandwich, SnazzyMaps aracılığıyla daha ayrıntılı renk şemalarını da destekler. Kullanıcılar tarafından paylaşılan devasa bir renk şeması listesine sahipler ve renkler üzerinde daha fazla kontrol istiyorsanız kendinizinkini oluşturmanıza da olanak tanırlar.

Beğendiğiniz renk şemasını bulun, ardından kodu alıp Page Builder Sandwich’e yapıştırın. Renk şeması haritanıza anında uygulanacaktır.

İşte SnazzyMaps’ten papuportal dark:

Haritaları İstediğiniz Yere Yerleştirin

Haritalarla yapabileceğiniz daha pek çok harika şey var; daha etkileyici bir görünüm için onları tam genişlikte satırlara eklemek gibi. İsterseniz bunları bir atlıkarınca (carousel) veya sekmelerin içine de ekleyebilirsiniz (yakında gelecek bir özellik).

Henüz Page Builder Sandwich’e sahip değilseniz, yukarıdaki “Canlı Demo” bağlantısına.