Haritalar

Bir harita, tek bir tedarikçiyi (örneğin otel veya deneyim sağlayıcı), envanteri (örneğin oda tipi, toplantı odası, spa vb.) veya küratörlü liste ya da kaydedilmiş arama gibi bir 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ükleyebilir.
Envanter detaylarını Card şeklinde görmek için harita işaretçisine tıklayabilir.

Kart açık 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ı adım adım 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 üzerinden 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 formu sayfamıza yönlendirecek ve haritanızı özelleştirmeye başlayabileceksiniz.

Çok işaretçili harita

Hem küratörlü listeler hem de kaydedilmiş aramalar içinde harita oluşturmanızı sağlayan bir işlem bulunur. 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 Map 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ı olarak 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ğini 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.