इस दस्तावेज़ में, Nearby Search (नया) एपीआई इस्तेमाल करने का तरीका बताया गया है में इसे आसान और किफ़ायती टूल उपलब्ध कराएं
लोकल डिस्कवरी अनुभव.
लोकल डिस्कवरी अनुभव, किसी जगह के आस-पास मौजूद उपयोगकर्ताओं की पसंदीदा जगहों को दिखाता है होटल या रीयल एस्टेट खोजते समय आप तय करते हैं. इसमें अक्सर एक इंटरैक्टिव मैप, जिसमें एक अतिरिक्त पैनल होता है. इसमें जगह चुनने का विकल्प और फ़ोटो की गैलरी में से चुनें. आपको Google Maps Platform के अलग-अलग विकल्प दिखाए जाएंगे इंटरैक्टिविटी के साथ अनुभव को बेहतर बनाने के लिए प्रॉडक्ट और सुविधाएं दी गई हैं.
उपयोग के उदाहरण
आइए, अब जानते हैं कि लोकल डिस्कवरी इंटिग्रेशन के कौनसे एलिमेंट, उपयोगकर्ता को बढ़ावा देते हैं मान:
खोज - उपयोगकर्ताओं को किसी एक जगह के आस-पास की चीज़ों की खास जानकारी दें इसके लिए, अलग-अलग तरह की काम की जगहों को दिखाया जा सकता है.
इंटरैक्टिविटी - उपयोगकर्ताओं को कोई जगह चुनने और डेटा को डाइनैमिक तरीके से रीफ़्रेश करने में मदद करें
उस स्थान से संबंधित होता है.
विज़ुअलाइज़ेशन - जगहों की समीक्षाएं, फ़ोटो उपलब्ध कराएं
साथ ही, पैदल चलने में लगने वाला समय और दूरी की जानकारी भी दी जा सकती है. उनकी ज़रूरतें पूरी कर सकें.
रेफ़रंस आर्किटेक्चर
लोकल डिस्कवरी
स्थानीय खोज अनुभव बनाने के कई तरीके हैं. नीचे दिए गए इंटिग्रेशन, उपयोगकर्ता अनुभव का पसंद के मुताबिक बनाया गया उदाहरण है, जो अच्छी तरह से काम करता है साथ ही, कुछ दिलचस्प नई सुविधाएं भी दी हैं. अगर आपको स्थानीय खोज के लिए एक टेम्प्लेट वाला तरीका चाहते हैं तो आप वेब कॉम्पोनेंट.
नमूना एप्लिकेशन
सिलसिलेवार तरीके से दिए गए निर्देशों का सैंपल
आपको नीचे दी गई टेबल में, ऐप्लिकेशन का नमूना, अलग-अलग चरणों में मिलेगा साथ ही, Google Maps की मदद से तकनीकी चीज़ों को लागू करने की जानकारी प्लैटफ़ॉर्म एपीआई.
1. ऑटोकंप्लीट Search की मदद से, जगह की जानकारी खोजें
- Maps JavaScript API लोड करें.
- ऑटोकंप्लीट सुविधा के लिए क्वेरी या मैप पर जगह चुनें.
2. Nearby Search (नया) एपीआई का इस्तेमाल करके, आस-पास की लोकप्रिय जगहें खोजें
- लोकप्रियता की रैंकिंग (ज़्यादा काम के नतीजे) या दूरी के लिए रैंकिंग.
includedTypes
,excludedTypes
; अगर आप कोई होटल हैं, तो ठहरने की जगह का टाइप और उसमें सिर्फ़ ज़रूरत के मुताबिक टाइप शामिल करें, जैसे कि “रेस्टोरेंट, कैफ़े, पार्क, टूरिट_ऐट्रिब्यूशन” के सामने नहीं ले जाया जा सकता.- ज़्यादा इनाम के लिए
includedPrimaryTypes
औरexcludedPrimaryTypes
का फ़ायदा लें नतीजों पर कंट्रोल करने की सुविधा मिलती है. - `कम संख्या में या बहुत दूर नतीजों को रोकने के लिए, जगह की जानकारी पर पाबंदी लगाना जगहें ; शून्य नतीजे होने पर, पहले सर्कल / रेक्टैंगल के साइज़ को बड़ा करें पर क्लिक करें.
डेटा फ़ील्ड के साथ होटल बुक करते समय क्वेरी का सैंपल:
- सामान्य (
displayName
,types
,openingHours
,formattedAddress
) - संपर्क (
websiteUri
,nationalPhoneNumber
,internationalPhoneNumber
) - पसंदीदा (
reviews
,priceLevel
,userRatingCount
)
{ "includedTypes": ["restaurant","cafe","park"], "excludedTypes": ["lodging","convenience_store"], "includedPrimaryTypes": ["restaurant","tourist_attraction","airport"], "excludedPrimaryTypes": ["lodging"], "maxResultCount": 20, "locationRestriction": { "circle": { "center": { "latitude": 37.7937, "longitude": -122.3965 }, "radius": 500.0 } } }
डेटा फ़ील्ड के साथ किसी रीयल एस्टेट की खोज करते समय क्वेरी का सैंपल:
- सामान्य (
displayName
,types
,openingHours
,formattedAddress
)
{ "includedTypes": ["school","transport","bus","convenience_store"], "excludedTypes": ["lodging"], "includedPrimaryTypes": ["restaurant","tourist_attraction","airport"], "excludedPrimaryTypes": ["lodging"], "maxResultCount": 20, "locationRestriction": { "circle": { "center": { "latitude": 37.7937, "longitude": -122.3965 }, "radius": 500.0 } } }
3. डाइनैमिक मैप और निर्देश एपीआई की मदद से इंटरैक्टिविटी जोड़ना
- दिशा-निर्देशों की क्वेरी करके, अप-टू-डेट लेग और कदम API. * अगले सेक्शन में दिए गए समय का इस्तेमाल करें.
4. इंटरैक्शन होने पर स्थान की विस्तृत जानकारी दिखाएं
जानकारी:
displayName
,types
,rating
,userRatingCount
,priceLevel
.समय: पिछली 'दिशा-निर्देश' एपीआई क्वेरी से मिला है.
समीक्षाएं:
reviews[i].author
,reviews[i].rating
,reviews[i].text
.इमेज: Nearby Search (नए) एपीआई की बिना पाबंदी वाली झलक के दौरान, आपको करने के लिए क्वेरी करनी होगी स् थान जानकारी पाने के लिए
place.id
के साथ photo_reference ताकि एक बार में एक क्वेरी की जा सके.
क्वेरी की संख्या और उनसे जुड़ी लागत
- Maps JavaScript एपीआई: अनुभव के लोड होने पर 1 मैप.
- Places ऑटोकंप्लीट एपीआई: टाइप किए गए हर वर्ण के लिए 1 क्वेरी (अगर एपीआई का इस्तेमाल किया जा रहा है ऑटोकंप्लीट विजेट), उसे कस्टमाइज़ किया जा सकता है.
- आस-पास खोज (नया) एपीआई: हर 20 जगह पर 1 क्वेरी दिखाई जाती है. जगह के मुताबिक अलग-अलग बिलिंग डेटा जो क्वेरी के जवाब का हिस्सा हों.
- दिशा-निर्देश एपीआई: उपयोगकर्ता के चुने गए हर स्थान के लिए 1 क्वेरी.
- जगह की फ़ोटो एपीआई: दिखाई जाने वाली हर फ़ोटो के लिए 1 क्वेरी.
नतीजा
लोकल डिस्कवरी अनुभव, उपयोगकर्ताओं की ज़रूरतों को पूरा करने का एक बेहतरीन तरीका है. यह डेमो पेज पर कुछ ऐसी कई सुविधाएं हैं जिन्हें शामिल करते समय, खास क्षमताओं के साथ Google Maps Platform पर ऐसा अनुभव देना Nearby Search (नया) API से .
अगले चरण
आगे पढ़ने के लिए सुझाव:
- Maps JavaScript API में वेब कॉम्पोनेंट
- जगहों के हिसाब से अपने-आप पूरा होने की सुविधा को ऑप्टिमाइज़ करना
- अन्य Location Services
- यहां सुझाव/राय दें या शिकायत करें.
योगदानकर्ता
मुख्य लेखक:
थॉमस एंगलरेट | Google मैप प्लैटफ़ॉर्म सलूशन इंजीनियर