मानचित्र

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

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

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

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

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

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

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

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

सिंगल मार्कर मानचित्र

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

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

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

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

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

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

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

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

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

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

Update आपके मानचित्र कॉन्फ़िगरेशन को अपडेट करता है।
Add to WinkLinks मानचित्र को आपके WinkLinks खाते में जोड़ता है।
Embed आपको दिखाता है कि इस मानचित्र को अपनी वेबसाइट में Map के रूप में कैसे एम्बेड करें।
Use with WordPress आपको दिखाता है कि हमारी WordPress plugin का उपयोग करके इस मानचित्र को अपनी वेबसाइट में कैसे एम्बेड करें।

हम नीचे इन विकल्पों में से कुछ को अधिक विस्तार से कवर करते हैं।

एम्बेड करें

<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

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

आगे पढ़ें

हमारे Web Components संग्रह के बारे में अधिक जानें।
Wink WordPress plugin के बारे में अधिक जानें।