Haritalar

Bir harita, tek bir tedarikçiyi (ör. otel veya deneyim sağlayıcı), envanteri (ör. oda tipi, toplantı odası, spa vb.) veya küratörlü bir liste ya da kaydedilmiş arama gibi envanter koleksiyonunu temsil eder ve bu detayları, rezervasyon yapılabilir harita işaretçileri içeren etkileşimli bir harita aracılığıyla sunar. Bir kullanıcı harita ile aşağıdaki şekillerde etkileşimde bulunabilir:

Mevcut envanteri görmek için haritayı yakınlaştırabilir, kaydırabilir ve sürükleyebilirsiniz.
Envanter detaylarını görmek için bir harita işaretçisine tıklayın; bu detaylar bir Kart şeklinde gösterilir.

Kart açık olan harita — *Rezervasyon yapılabilir envanterli harita*

Bu makalenin geri kalanı, haritalarınızı nasıl oluşturacağınızı, özelleştireceğinizi ve paylaşacağınızı anlatır.

Harita oluşturma

Haritalar iki şekilde oluşturulabilir:

Tek işaretçili harita: Arama sırasında bulduğunuz bir şeyden harita oluşturun.
Çok işaretçili harita: Bir küratörlü liste veya kaydedilmiş arama kullanarak harita oluşturun.

Tek işaretçili harita

Yukarıdaki görsel, Arama sayfasından alınmıştır ve arama sonuçlarınızla yapabileceğiniz bazı işlemleri gösterir. Bu işlemlerden biri Harita oluşturdur. Bu butona tıklayın; sizi harita form sayfamıza yönlendirir ve burada haritanızı özelleştirmeye başlayabilirsiniz.

Çok işaretçili harita

Hem küratörlü listeler hem de kaydedilmiş aramalar harita oluşturmanıza olanak tanıyan bir işleme sahiptir. Bu harita, o listelerdeki tüm envanter için harita işaretçileri içerir.

Haritayı özelleştirme

Form, haritanızı aşağıdaki şekillerde özelleştirmenize olanak tanır:

Haritanın ne hakkında olduğunu hatırlamanız için bir isim verin.
Kullanıcının harita üzerinde hareket etmesine izin verilip verilmeyeceğini seçin.
Haritanın yüksekliğini piksel cinsinden ayarlayın.
Kullanıcının haritayı yakınlaştırıp uzaklaştırmasına izin verilip verilmeyeceğini seçin.
Haritayı yerleştireceğiniz web sitesine uygun bir harita stili seçin.
Bir işaretçi rengi seçin.
Kullanıcıların ilk olarak görmesini istediğiniz kart yüzünü seçin. Varsayılan olarak, o envanterin yerel yüzüdür.
Haritaya kendi işaretçilerinizi, dairelerinizi, dikdörtgenlerinizi ve çokgenlerinizi ekleyerek kullanıcılarınızın ilgisini çekebilecek diğer konumları gösterebilirsiniz.
Devam etmek için Kaydet butonuna tıklayın.

Haritanızı kaydettikten sonra, haritalar sayfanıza yönlendirilirsiniz ve haritanız artık dünyayla paylaşılmaya hazırdır.

Haritayı paylaşma

Yukarıda, haritanız için mevcut tüm işlemleri gösteren bir görsel bulunmaktadır:

Güncelle Harita yapılandırmanızı günceller.
WinkLinks’e Ekle Haritayı WinkLinks hesabınıza ekler.
Yerleştir Bu haritayı web sitenize Harita olarak nasıl yerleştireceğinizi gösterir.
WordPress ile Kullan Bu haritayı web sitenize yerleştirmek için WordPress eklentimizi nasıl kullanacağınızı gösterir.

Aşağıda bu seçeneklerden bazılarını daha ayrıntılı ele alıyoruz.

Yerleştir

<html>
  <head>
    <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
  </head>
  <body>
    <wink-content-loader
       layout="MAP"
       id="64d7cbc8-61df-11ef-9722-42004e494300"
    ></wink-content-loader>

    <script src="https://elements.wink.travel/elements.js" type="module" defer></script>

    <wink-app-loader
      client-id="YOUR CLIENT ID GOES HERE"
      configuration-id="YOUR CUSTOMIZATION ID GOES HERE"
    ></wink-app-loader>
  </body>
</html>

Haritanızı sitenize nasıl yerleştireceğiniz aşağıda açıklanmıştır:

1. satır, Wink stillerini sitenize nasıl ekleyeceğinizi gösterir.
6 ile 9. satırlar arasında, wink-content-loader Web Bileşenini nasıl kullanacağınızı ve kodunuz için bir reklam bannerı getirmesini nasıl söyleyeceğinizi gösterir.
1. satır, Javascript’imizi sitenize nasıl ekleyeceğinizi gösterir.
1. satır, wink-app-loader Web Bileşenini nasıl ekleyeceğinizi ve sayfa düzeyi yapılandırma tercihlerinizi nasıl getireceğinizi gösterir.

API

Haritaları yönetmek isteyen geliştiriciler, Geliştiriciler > API > Envanter sayfasına gidebilirler.

Daha fazla okuma

Web Bileşenleri koleksiyonumuz hakkında daha fazla bilgi edinin.
Wink WordPress eklentisi hakkında daha fazla bilgi edinin.