แผนที่

แผนที่แสดงถึงซัพพลายเออร์เดียว (เช่น โรงแรมหรือผู้ให้บริการประสบการณ์) หรือสินค้าคงคลัง (เช่น ประเภทห้อง ห้องประชุม สปา ฯลฯ) หรือชุดของสินค้าคงคลัง เช่น รายการที่คัดสรรหรือการค้นหาที่บันทึกไว้ และแสดงรายละเอียดเหล่านั้นผ่านแผนที่แบบโต้ตอบที่มีเครื่องหมายแผนที่ที่จองได้
ผู้ใช้สามารถโต้ตอบกับแผนที่ได้ดังนี้:

ซูม เลื่อน และลากแผนที่เพื่อดูสินค้าคงคลังที่มีอยู่
คลิกที่เครื่องหมายแผนที่เพื่อดูรายละเอียดสินค้าคงคลังในรูปแบบของ Card

แผนที่พร้อมการ์ดเปิด — *แผนที่พร้อมสินค้าคงคลังที่จองได้*

ส่วนที่เหลือของบทความนี้จะแนะนำวิธีการสร้าง ปรับแต่ง และแชร์แผนที่ของคุณ

สร้างแผนที่

แผนที่สามารถสร้างได้สองวิธี:

แผนที่เครื่องหมายเดียว: สร้างแผนที่จากสิ่งที่คุณพบขณะ ค้นหา
แผนที่หลายเครื่องหมาย: สร้างแผนที่จาก รายการที่คัดสรร หรือ การค้นหาที่บันทึกไว้

แผนที่เครื่องหมายเดียว

ภาพด้านบนมาจาก ค้นหา และแสดงบางสิ่งที่คุณสามารถทำได้กับผลการค้นหาของคุณ หนึ่งในนั้นคือ สร้างแผนที่
คลิกที่ปุ่มนั้นแล้วจะพาคุณไปยังหน้าฟอร์มแผนที่ของเราเพื่อเริ่มปรับแต่งแผนที่ของคุณ

แผนที่หลายเครื่องหมาย

ทั้ง รายการที่คัดสรร และ การค้นหาที่บันทึกไว้ มีการดำเนินการที่ให้คุณสร้างแผนที่ แผนที่จะมีเครื่องหมายแผนที่สำหรับสินค้าคงคลังทั้งหมดในรายการเหล่านั้น

ปรับแต่งแผนที่

ฟอร์มช่วยให้คุณปรับแต่งแผนที่ของคุณได้ดังนี้:

ตั้งชื่อเพื่อให้คุณจำได้ว่าแผนที่เกี่ยวกับอะไร
เลือกว่าคุณต้องการให้ผู้ใช้สามารถเคลื่อนที่ไปรอบๆ แผนที่ได้หรือไม่
กำหนดความสูงของแผนที่เป็นพิกเซล
เลือกว่าคุณต้องการให้ผู้ใช้สามารถซูมเข้าและออกจากแผนที่ได้หรือไม่
เลือกสไตล์แผนที่ที่เหมาะกับเว็บไซต์ที่คุณจะฝังแผนที่ลงไป
เลือกสีของเครื่องหมาย
เลือกหน้าการ์ดเริ่มต้นที่คุณต้องการให้ผู้ใช้เห็นก่อน โดยค่าเริ่มต้นคือหน้าการ์ดเนทีฟของสินค้าคงคลังนั้น
คุณสามารถเพิ่มเครื่องหมาย วงกลม สี่เหลี่ยม และรูปหลายเหลี่ยมของคุณเองเพื่อระบุสถานที่อื่นๆ บนแผนที่ที่ผู้ใช้อาจสนใจ
คลิกปุ่ม บันทึก เพื่อดำเนินการต่อ

หลังจากบันทึกแผนที่ของคุณแล้ว คุณจะถูกเปลี่ยนเส้นทางไปยังหน้าของแผนที่ของคุณ และแผนที่ของคุณก็พร้อมที่จะแชร์กับโลกแล้ว

แชร์แผนที่

ภาพด้านบนแสดงให้คุณเห็นภาพรวมของการดำเนินการทั้งหมดที่มีสำหรับแผนที่ของคุณ:

อัปเดต อัปเดตการตั้งค่าแผนที่ของคุณ
เพิ่มไปยัง WinkLinks เพิ่มแผนที่ไปยังบัญชี WinkLinks ของคุณ
ฝัง แสดงวิธีฝังแผนที่นี้เป็น Map ลงในเว็บไซต์ของคุณ
ใช้กับ WordPress แสดงวิธีใช้ ปลั๊กอิน WordPress ของเราเพื่อฝังแผนที่นี้ลงในเว็บไซต์ของคุณ

เราจะอธิบายตัวเลือกเหล่านี้อย่างละเอียดเพิ่มเติมด้านล่าง

ฝัง

<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>

นี่คือวิธีฝังแผนที่ของคุณลงในเว็บไซต์:

บรรทัดที่ 3 แสดงวิธีฝังสไตล์ของ Wink ลงในเว็บไซต์ของคุณ
บรรทัดที่ 6 ถึง 9 แสดงวิธีใช้ wink-content-loader Web Component และบอกให้ดึงแบนเนอร์โฆษณาสำหรับโค้ดของคุณ
บรรทัดที่ 11 แสดงวิธีฝัง Javascript ของเราในเว็บไซต์ของคุณ
บรรทัดที่ 13 แสดงวิธีฝัง wink-app-loader Web Component และบอกให้ดึงการตั้งค่าระดับหน้าของคุณ

API

นักพัฒนาที่ต้องการจัดการแผนที่สามารถไปที่ Developers > API > Inventory

อ่านเพิ่มเติม

เรียนรู้เพิ่มเติมเกี่ยวกับชุดของ Web Components ของเรา
เรียนรู้เพิ่มเติมเกี่ยวกับ ปลั๊กอิน WordPress ของ Wink