मानचित्र

एक मानचित्र या तो एक एकल आपूर्तिकर्ता (जैसे होटल या अनुभव प्रदाता) या इन्वेंटरी (जैसे कमरे का प्रकार, बैठक कक्ष, स्पा आदि) या इन्वेंटरी का एक संग्रह जैसे कि एक क्यूरेटेड सूची या सहेजी गई खोज का प्रतिनिधित्व करता है और उन विवरणों को एक इंटरैक्टिव मानचित्र के माध्यम से प्रदर्शित करता है जिसमें बुक करने योग्य मानचित्र मार्कर होते हैं।
एक उपयोगकर्ता निम्नलिखित तरीकों से मानचित्र के साथ इंटरैक्ट कर सकता है:

Map with markers — *मानचित्र के साथ मानचित्र मार्कर*

उपलब्ध इन्वेंटरी देखने के लिए मानचित्र को ज़ूम, पैन और ड्रैग करें।
इन्वेंटरी विवरण देखने के लिए मानचित्र मार्कर पर क्लिक करें, जो कार्ड के रूप में होता है।

Map with card open — *बुक करने योग्य इन्वेंटरी के साथ मानचित्र*

इस लेख के बाकी हिस्से में, हम आपको यह बताएंगे कि कैसे अपने मानचित्र बनाएं, अनुकूलित करें और साझा करें।

मानचित्र बनाएं

मानचित्र दो तरीकों से बनाए जा सकते हैं:

एकल मार्कर मानचित्र: कुछ ऐसा खोजने के बाद मानचित्र बनाएं जब आप खोज कर रहे हों।
मल्टी मार्कर मानचित्र: एक क्यूरेटेड सूची या सहेजी गई खोज से मानचित्र बनाएं।

एकल मार्कर मानचित्र

ऊपर एक छवि है जो खोज से ली गई है और यह दिखाती है कि आप अपनी खोज परिणामों के साथ क्या कर सकते हैं। उन क्रियाओं में से एक है मानचित्र बनाएं।
उस बटन पर क्लिक करें और यह आपको हमारे मानचित्र फॉर्म पेज पर ले जाएगा जहाँ आप अपने मानचित्र को अनुकूलित करना शुरू कर सकते हैं।

मल्टी मार्कर मानचित्र

दोनों क्यूरेटेड सूचियाँ और सहेजी गई खोजें एक ऐसी क्रिया के साथ आती हैं जो आपको मानचित्र बनाने देती है। यह मानचित्र उन सूचियों में सभी इन्वेंटरी के लिए मानचित्र मार्कर शामिल करेगा।

मानचित्र अनुकूलित करें

फॉर्म आपको निम्नलिखित तरीकों से अपने मानचित्र को अनुकूलित करने देता है:

इसे एक नाम दें ताकि आप याद रख सकें कि मानचित्र किस बारे में है।
चुनें कि क्या आप उपयोगकर्ता को मानचित्र के चारों ओर घूमने की अनुमति देना चाहते हैं।
सेट करें कि आप मानचित्र की ऊँचाई पिक्सेल में कितनी चाहते हैं।
चुनें कि क्या आप उपयोगकर्ता को मानचित्र को ज़ूम इन और आउट करने की अनुमति देना चाहते हैं।
एक मानचित्र शैली चुनें जो उस वेबसाइट के साथ मेल खाती हो जिसमें आप मानचित्र एम्बेड करेंगे।
एक मार्कर रंग चुनें।
प्रारंभिक कार्ड फेस चुनें जिसे आप चाहते हैं कि उपयोगकर्ता पहले देखें। डिफ़ॉल्ट रूप से, यह उस इन्वेंटरी का मूल फेस होता है।
आप अपने स्वयं के मार्कर, वृत्त, आयत और बहुभुज जोड़ सकते हैं ताकि मानचित्र पर अन्य स्थानों को दर्शाया जा सके जो आपके उपयोगकर्ताओं के लिए रोचक हो सकते हैं।
जारी रखने के लिए सहेजें बटन पर क्लिक करें।

मानचित्र सहेजने के बाद, आपको आपके मानचित्र पृष्ठ पर पुनः निर्देशित किया जाएगा और आपका मानचित्र अब दुनिया के साथ साझा करने के लिए तैयार है।

मानचित्र साझा करें

Map — *संकुचित क्रियाओं मेनू के साथ मानचित्र प्रविष्टि*

ऊपर एक छवि है जो आपके मानचित्र के लिए उपलब्ध सभी क्रियाओं को दिखाती है:

अपडेट करें आपके मानचित्र कॉन्फ़िगरेशन को अपडेट करता है।
WinkLinks में जोड़ें मानचित्र को आपके WinkLinks खाते में जोड़ता है।
एम्बेड करें आपको दिखाता है कि इस मानचित्र को अपनी वेबसाइट में मानचित्र के रूप में कैसे एम्बेड करें।
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 वेब कॉम्पोनेंट का उपयोग कैसे करें और इसे आपके कोड के लिए एक विज्ञापन बैनर लाने के लिए कहें।
पंक्ति 11 आपको दिखाती है कि हमारी जावास्क्रिप्ट को अपनी साइट में कैसे एम्बेड करें।
पंक्ति 13 आपको दिखाती है कि wink-app-loader वेब कॉम्पोनेंट को कैसे एम्बेड करें और इसे आपके पृष्ठ-स्तरीय कॉन्फ़िगरेशन प्राथमिकताएँ लाने के लिए कहें।

API

डेवलपर्स जो मानचित्र प्रबंधित करना चाहते हैं, वे डेवलपर्स > API > इन्वेंटरी पर जा सकते हैं।

आगे पढ़ें

हमारे वेब कॉम्पोनेंट्स के संग्रह के बारे में अधिक जानें।
Wink WordPress प्लगइन के बारे में अधिक जानें।