PlaceContentConfigElement क्लास
class
google.maps.places.PlaceContentConfigElement
extends HTMLElement
implements PlaceContentConfigElementOptions
library "places"
यह PlaceDetailsCompactElement, PlaceDetailsElement या PlaceSearchElement को कॉन्फ़िगर करता है, ताकि पसंद के मुताबिक कॉन्टेंट दिखाया जा सके. इस एलिमेंट का इस्तेमाल करने के लिए, इसे चाइल्ड के तौर पर जोड़ें.
PlaceDetailsCompactElement, PlaceDetailsElement या PlaceSearchElement के लिए, में इनमें से कोई भी एलिमेंट जोड़ें, ताकि उससे जुड़ा कॉन्टेंट दिखाया जा सके: PlaceContentConfigElement
PlaceAddressElement, PlaceAccessibleEntranceIconElement, PlaceAttributionElement PlaceMediaElement, PlaceOpenNowStatusElement, PlacePriceElement, PlaceRatingElement, PlaceTypeElement.
PlaceDetailsElement के लिए, इनमें से कोई भी एलिमेंट जोड़ा जा सकता है:
PlaceFeatureListElement PlaceOpeningHoursElement, PlacePhoneNumberElement, PlacePlusCodeElement, PlaceReviewSummaryElement, PlaceReviewsElement, PlaceSummaryElement, PlaceTypeSpecificHighlightsElement, PlaceWebsiteElement.
चाइल्ड एलिमेंट का क्रम मायने नहीं रखता. एलिमेंट, कॉन्टेंट को स्टैंडर्ड क्रम में रेंडर करता है. इस क्रम को पसंद के मुताबिक नहीं बनाया जा सकता. उदाहरण:
<gmp-place-details>
<gmp-place-content-config>
<gmp-place-media lightbox-preferred></gmp-place-media>
<gmp-place-address></gmp-place-address>
</gmp-place-content-config>
</gmp-place-details> <gmp-place-content-config></gmp-place-content-config>
const {PlaceContentConfigElement} = await google.maps.importLibrary("places");
निर्माता | |
|---|---|
PlaceContentConfigElement |
PlaceContentConfigElement([options])पैरामीटर:
|
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceContentConfigElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceContentConfigElementOptions
ने लागू किया
PlaceContentConfigElement
PlaceContentConfigElement के लिए विकल्प.
PlaceAllContentElement क्लास
class
google.maps.places.PlaceAllContentElement
extends HTMLElement
implements PlaceAllContentElementOptions
library "places"
यह PlaceDetailsCompactElement, PlaceDetailsElement या PlaceSearchElement को कॉन्फ़िगर करता है, ताकि उपलब्ध सारा कॉन्टेंट दिखाया जा सके. इस एलिमेंट का इस्तेमाल करने के लिए, इसे चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए:
<gmp-place-details>
<gmp-place-all-content></gmp-place-all-content>
</gmp-place-details>
<gmp-place-all-content></gmp-place-all-content>
const {PlaceAllContentElement} = await google.maps.importLibrary("places");
निर्माता | |
|---|---|
PlaceAllContentElement |
PlaceAllContentElement([options])पैरामीटर:
|
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceAllContentElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceAllContentElementOptions
PlaceAllContentElement ने लागू किया
PlaceAllContentElement के लिए विकल्प.
PlaceStandardContentElement क्लास
class
google.maps.places.PlaceStandardContentElement
extends HTMLElement
implements PlaceStandardContentElementOptions
library "places"
यह कॉन्फ़िगरेशन, PlaceDetailsCompactElement, PlaceDetailsElement या PlaceSearchElement पर कॉन्टेंट का स्टैंडर्ड सेट दिखाता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे चाइल्ड के तौर पर जोड़ें.
PlaceDetailsElement के लिए, स्टैंडर्ड कॉन्टेंट में ये शामिल हैं:
- media
- पता
- रेटिंग
- टाइप
- कीमत
- व्हीलचेयर लाने-ले जाने की सुविधा का आइकॉन
- वेबसाइट
- फ़ोन नंबर
- व्यवसाय के खुले होने का समय
- खास जानकारी
- टाइप के हिसाब से हाइलाइट
- समीक्षाएं
- सुविधाओं की सूची
PlaceDetailsCompactElement के लिए, स्टैंडर्ड कॉन्टेंट में ये शामिल हैं: - media
- रेटिंग
- टाइप
- कीमत
- व्हीलचेयर लाने-ले जाने की सुविधा का आइकॉन
- अभी खुला है स्टेटस
PlaceSearchElement के लिए, स्टैंडर्ड कॉन्टेंट में ये शामिल हैं: - media
- रेटिंग
- टाइप
- कीमत
- व्हीलचेयर लाने-ले जाने की सुविधा का आइकॉन
उदाहरण के लिए:
<gmp-place-details>
<gmp-place-standard-content></gmp-place-standard-content>
</gmp-place-details>
<gmp-place-standard-content></gmp-place-standard-content>
const {PlaceStandardContentElement} = await google.maps.importLibrary("places");
निर्माता | |
|---|---|
PlaceStandardContentElement |
PlaceStandardContentElement([options])पैरामीटर:
|
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceStandardContentElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceStandardContentElementOptions
PlaceStandardContentElement ने लागू किया
PlaceStandardContentElement के लिए विकल्प.
PlaceMediaElement क्लास
class
google.maps.places.PlaceMediaElement
extends HTMLElement
implements PlaceMediaElementOptions
library "places"
किसी जगह का मीडिया, जैसे कि फ़ोटो दिखाने के लिए, PlaceDetailsCompactElement, PlaceDetailsElement या PlaceSearchElement को कॉन्फ़िगर करता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-media lightbox-preferred></gmp-place-media>
</gmp-place-content-config>
<gmp-place-media lightbox-preferred preferred-size="value-name"> </gmp-place-media>
const {PlaceMediaElement} = await google.maps.importLibrary("places");
निर्माता | |
|---|---|
PlaceMediaElement |
PlaceMediaElement([options])पैरामीटर:
|
प्रॉपर्टी | |
|---|---|
lightboxPreferred
attr: lightbox-preferred |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falseमीडिया लाइटबॉक्स को चालू या बंद करना है या नहीं. ऐसा उन मामलों में होता है जहां दोनों विकल्प काम करते हैं.
एचटीएमएल एट्रिब्यूट: lightbox-preferred |
preferredSize
attr: preferred-size |
डिफ़ॉल्ट:
nullऐसे मामलों में पसंदीदा मीडिया साइज़ जहां कई साइज़ इस्तेमाल किए जा सकते हैं, जैसे कि वर्टिकल
PlaceSearchElement. अगर वर्टिकल PlaceSearchElement के लिए कोई वैल्यू नहीं दी गई है, तो डिफ़ॉल्ट रूप से MediaSize.SMALL का इस्तेमाल किया जाएगा.एचटीएमएल एट्रिब्यूट: preferred-size="value-name" |
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceMediaElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceMediaElementOptions
PlaceMediaElement ने लागू किया
PlaceMediaElement के लिए विकल्प.
प्रॉपर्टी | |
|---|---|
lightboxPreferred
ज़रूरी नहीं |
टाइप:
boolean optional |
preferredSize
ज़रूरी नहीं |
टाइप:
MediaSize optional |
MediaSize कॉन्सटैंट
कॉन्सटैंट
google.maps.places.MediaSize
लाइब्रेरी "places"
ऐसे मामलों में पसंदीदा मीडिया साइज़ जहां कई साइज़ इस्तेमाल किए जा सकते हैं, जैसे कि वर्टिकल PlaceSearchElement.
इन कॉन्सटैंट को स्ट्रिंग के तौर पर भी इस्तेमाल किया जा सकता है. TypeScript में, स्ट्रिंग लिटरल को MediaSizeString टाइप से तय किया जाता है.
const {MediaSize} = await google.maps.importLibrary("places");
कॉन्स्टेंट | |
|---|---|
LARGE |
मीडिया का साइज़ बड़ा है. |
MEDIUM |
मीडियम साइज़ का मीडिया. |
SMALL |
मीडिया का साइज़ छोटा है. |
PlaceAddressElement क्लास
class
google.maps.places.PlaceAddressElement
extends HTMLElement
implements PlaceAddressElementOptions
library "places"
किसी जगह का पता दिखाने के लिए, PlaceDetailsCompactElement, PlaceDetailsElement या PlaceSearchElement को कॉन्फ़िगर करता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-address></gmp-place-address>
</gmp-place-content-config>
<gmp-place-address></gmp-place-address>
const {PlaceAddressElement} = await google.maps.importLibrary("places");
निर्माता | |
|---|---|
PlaceAddressElement |
PlaceAddressElement([options])पैरामीटर:
|
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceAddressElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceAddressElementOptions
PlaceAddressElement ने लागू किया
PlaceAddressElement के लिए विकल्प.
PlaceRatingElement क्लास
class
google.maps.places.PlaceRatingElement
extends HTMLElement
implements PlaceRatingElementOptions
library "places"
किसी जगह की रेटिंग दिखाने के लिए, PlaceDetailsCompactElement, PlaceDetailsElement या PlaceSearchElement को कॉन्फ़िगर करता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-rating></gmp-place-rating>
</gmp-place-content-config>
<gmp-place-rating></gmp-place-rating>
const {PlaceRatingElement} = await google.maps.importLibrary("places");
निर्माता | |
|---|---|
PlaceRatingElement |
PlaceRatingElement([options])पैरामीटर:
|
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceRatingElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceRatingElementOptions
PlaceRatingElement ने लागू किया
PlaceRatingElement के लिए विकल्प.
PlaceTypeElement क्लास
class
google.maps.places.PlaceTypeElement
extends HTMLElement
implements PlaceTypeElementOptions
library "places"
किसी जगह का टाइप दिखाने के लिए, PlaceDetailsCompactElement, PlaceDetailsElement या PlaceSearchElement को कॉन्फ़िगर करता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-type></gmp-place-type>
</gmp-place-content-config>
<gmp-place-type></gmp-place-type>
const {PlaceTypeElement} = await google.maps.importLibrary("places");
निर्माता | |
|---|---|
PlaceTypeElement |
PlaceTypeElement([options])पैरामीटर:
|
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceTypeElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceTypeElementOptions
PlaceTypeElement ने लागू किया
PlaceTypeElement के लिए विकल्प.
PlacePriceElement क्लास
class
google.maps.places.PlacePriceElement
extends HTMLElement
implements PlacePriceElementOptions
library "places"
किसी जगह की कीमत के लेवल या कीमत सीमा को दिखाने के लिए, PlaceDetailsCompactElement, PlaceDetailsElement या PlaceSearchElement को कॉन्फ़िगर करता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-price></gmp-place-price>
</gmp-place-content-config>
<gmp-place-price></gmp-place-price>
const {PlacePriceElement} = await google.maps.importLibrary("places");
निर्माता | |
|---|---|
PlacePriceElement |
PlacePriceElement([options])पैरामीटर:
|
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlacePriceElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlacePriceElementOptions
PlacePriceElement ने लागू किया
PlacePriceElement के लिए विकल्प.
PlaceAccessibleEntranceIconElement क्लास
class
google.maps.places.PlaceAccessibleEntranceIconElement
extends HTMLElement
implements PlaceAccessibleEntranceIconElementOptions
library "places"
PlaceDetailsCompactElement, PlaceDetailsElement या PlaceSearchElement को इस तरह कॉन्फ़िगर करता है कि अगर किसी जगह पर व्हीलचेयर ले जाने की सुविधा है, तो वहां व्हीलचेयर का आइकॉन दिखे. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
</gmp-place-content-config>
<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places");
निर्माता | |
|---|---|
PlaceAccessibleEntranceIconElement |
PlaceAccessibleEntranceIconElement([options])पैरामीटर:
|
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceAccessibleEntranceIconElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceAccessibleEntranceIconElementOptions
PlaceAccessibleEntranceIconElement ने लागू किया
PlaceAccessibleEntranceIconElement के लिए विकल्प.
PlaceOpenNowStatusElement क्लास
class
google.maps.places.PlaceOpenNowStatusElement
extends HTMLElement
implements PlaceOpenNowStatusElementOptions
library "places"
यह PlaceDetailsCompactElement, PlaceDetailsElement या PlaceSearchElement को कॉन्फ़िगर करता है, ताकि किसी जगह के खुले या बंद होने की मौजूदा स्थिति दिखाई जा सके. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-open-now-status></gmp-place-open-now-status>
</gmp-place-content-config>
<gmp-place-open-now-status></gmp-place-open-now-status>
const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places");
निर्माता | |
|---|---|
PlaceOpenNowStatusElement |
PlaceOpenNowStatusElement([options])पैरामीटर:
|
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceOpenNowStatusElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceOpenNowStatusElementOptions
PlaceOpenNowStatusElement ने लागू किया
PlaceOpenNowStatusElement के लिए विकल्प.
PlaceReviewSummaryElement क्लास
class
google.maps.places.PlaceReviewSummaryElement
extends HTMLElement
implements PlaceReviewSummaryElementOptions
library "places"
किसी जगह के बारे में खास जानकारी दिखाने के लिए, PlaceDetailsElement को कॉन्फ़िगर करता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-review-summary></gmp-place-review-summary>
</gmp-place-content-config>
<gmp-place-review-summary></gmp-place-review-summary>
const {PlaceReviewSummaryElement} = await google.maps.importLibrary("places");
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceReviewSummaryElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceReviewSummaryElementOptions
PlaceReviewSummaryElement ने लागू किया
PlaceReviewSummaryElement के लिए विकल्प.
PlaceReviewsElement क्लास
class
google.maps.places.PlaceReviewsElement
extends HTMLElement
implements PlaceReviewsElementOptions
library "places"
किसी जगह की समीक्षाएं दिखाने के लिए, PlaceDetailsElement को कॉन्फ़िगर करता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-reviews></gmp-place-reviews>
</gmp-place-content-config>
<gmp-place-reviews></gmp-place-reviews>
const {PlaceReviewsElement} = await google.maps.importLibrary("places");
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceReviewsElementOptions interface
इंटरफ़ेस
google.maps.places.PlaceReviewsElementOptions
PlaceReviewsElement ने लागू किया
PlaceReviewsElement के लिए विकल्प.
PlaceSummaryElement क्लास
class
google.maps.places.PlaceSummaryElement
extends HTMLElement
implements PlaceSummaryElementOptions
library "places"
किसी जगह की खास जानकारी दिखाने के लिए, PlaceDetailsElement को कॉन्फ़िगर करता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-summary></gmp-place-summary>
</gmp-place-content-config>
<gmp-place-summary></gmp-place-summary>
const {PlaceSummaryElement} = await google.maps.importLibrary("places");
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceSummaryElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceSummaryElementOptions
PlaceSummaryElement ने लागू किया
PlaceSummaryElement के लिए विकल्प.
PlaceFeatureListElement क्लास
class
google.maps.places.PlaceFeatureListElement
extends HTMLElement
implements PlaceFeatureListElementOptions
library "places"
"इसके बारे में जानकारी" टैब में किसी जगह की सुविधाओं की सूची दिखाने के लिए, PlaceDetailsElement को कॉन्फ़िगर करता है. सुविधाओं की सूची में, सुलभता के विकल्प, सुविधाएं, पेमेंट के स्वीकार किए गए तरीके वगैरह शामिल हो सकते हैं. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-feature-list></gmp-place-feature-list>
</gmp-place-content-config>
<gmp-place-feature-list></gmp-place-feature-list>
const {PlaceFeatureListElement} = await google.maps.importLibrary("places");
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceFeatureListElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceFeatureListElementOptions
PlaceFeatureListElement ने लागू किया
PlaceFeatureListElement के लिए विकल्प.
PlaceOpeningHoursElement क्लास
class
google.maps.places.PlaceOpeningHoursElement
extends HTMLElement
implements PlaceOpeningHoursElementOptions
library "places"
किसी जगह के कारोबार के खुले होने का समय दिखाने के लिए, PlaceDetailsElement को कॉन्फ़िगर करता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-opening-hours></gmp-place-opening-hours>
</gmp-place-content-config>
<gmp-place-opening-hours></gmp-place-opening-hours>
const {PlaceOpeningHoursElement} = await google.maps.importLibrary("places");
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceOpeningHoursElementOptions interface
इंटरफ़ेस
google.maps.places.PlaceOpeningHoursElementOptions
PlaceOpeningHoursElement ने लागू किया
PlaceOpeningHoursElement के लिए विकल्प.
PlacePhoneNumberElement क्लास
class
google.maps.places.PlacePhoneNumberElement
extends HTMLElement
implements PlacePhoneNumberElementOptions
library "places"
किसी जगह का फ़ोन नंबर दिखाने के लिए, PlaceDetailsElement को कॉन्फ़िगर करता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-phone-number></gmp-place-phone-number>
</gmp-place-content-config>
<gmp-place-phone-number></gmp-place-phone-number>
const {PlacePhoneNumberElement} = await google.maps.importLibrary("places");
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlacePhoneNumberElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlacePhoneNumberElementOptions
PlacePhoneNumberElement ने लागू किया
PlacePhoneNumberElement के लिए विकल्प.
PlacePlusCodeElement क्लास
class
google.maps.places.PlacePlusCodeElement
extends HTMLElement
implements PlacePlusCodeElementOptions
library "places"
किसी जगह का Plus Code दिखाने के लिए, PlaceDetailsElement को कॉन्फ़िगर करता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-plus-code></gmp-place-plus-code>
</gmp-place-content-config>
<gmp-place-plus-code></gmp-place-plus-code>
const {PlacePlusCodeElement} = await google.maps.importLibrary("places");
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlacePlusCodeElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlacePlusCodeElementOptions
PlacePlusCodeElement ने लागू किया
PlacePlusCodeElement के लिए विकल्प.
PlaceTypeSpecificHighlightsElement क्लास
class
google.maps.places.PlaceTypeSpecificHighlightsElement
extends HTMLElement
implements PlaceTypeSpecificHighlightsElementOptions
library "places"
यह PlaceDetailsElement को कॉन्फ़िगर करता है, ताकि किसी जगह की खास जानकारी दिखाई जा सके. जैसे, पेट्रोल की कीमतें और ईवी चार्जर की उपलब्धता. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-type-specific-highlights></gmp-place-type-specific-highlights>
</gmp-place-content-config>
<gmp-place-type-specific-highlights></gmp-place-type-specific-highlights>
const {PlaceTypeSpecificHighlightsElement} = await google.maps.importLibrary("places");
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceTypeSpecificHighlightsElementOptions interface
इंटरफ़ेस
google.maps.places.PlaceTypeSpecificHighlightsElementOptions
PlaceTypeSpecificHighlightsElement ने लागू किया
PlaceTypeSpecificHighlightsElement के लिए विकल्प.
PlaceWebsiteElement क्लास
class
google.maps.places.PlaceWebsiteElement
extends HTMLElement
implements PlaceWebsiteElementOptions
library "places"
किसी जगह की वेबसाइट दिखाने के लिए, PlaceDetailsElement को कॉन्फ़िगर करता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-website></gmp-place-website>
</gmp-place-content-config>
<gmp-place-website></gmp-place-website>
const {PlaceWebsiteElement} = await google.maps.importLibrary("places");
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceWebsiteElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceWebsiteElementOptions
PlaceWebsiteElement ने लागू किया
PlaceWebsiteElement के लिए विकल्प.
PlaceAttributionElement क्लास
class
google.maps.places.PlaceAttributionElement
extends HTMLElement
implements PlaceAttributionElementOptions
library "places"
इससे PlaceDetailsCompactElement, PlaceDetailsElement या PlaceSearchElement में Google Maps के एट्रिब्यूशन टेक्स्ट को पसंद के मुताबिक बनाया जा सकता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे के चाइल्ड के तौर पर जोड़ें. अगर इस एलिमेंट को शामिल नहीं किया जाता है, तो एट्रिब्यूशन अब भी डिफ़ॉल्ट रंगों के साथ दिखेगा. उदाहरण के लिए: PlaceContentConfigElement
<gmp-place-content-config>
<gmp-place-attribution
light-scheme-color="black"
dark-scheme-color="white"
></gmp-place-attribution>
</gmp-place-content-config>
<gmp-place-attribution dark-scheme-color="value-name" light-scheme-color="value-name"> </gmp-place-attribution>
const {PlaceAttributionElement} = await google.maps.importLibrary("places");
निर्माता | |
|---|---|
PlaceAttributionElement |
PlaceAttributionElement([options])पैरामीटर:
|
प्रॉपर्टी | |
|---|---|
darkSchemeColor
attr: dark-scheme-color |
डिफ़ॉल्ट:
AttributionColor.WHITEगहरे रंग वाले मोड में, Google Maps एट्रिब्यूशन का रंग.
एचटीएमएल एट्रिब्यूट: dark-scheme-color="value-name" |
lightSchemeColor
attr: light-scheme-color |
डिफ़ॉल्ट:
AttributionColor.GRAYहल्के रंग वाले मोड में, Google Maps के एट्रिब्यूशन का रंग.
एचटीएमएल एट्रिब्यूट: light-scheme-color="value-name" |
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceAttributionElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceAttributionElementOptions
PlaceAttributionElement ने लागू किया
PlaceAttributionElement के लिए विकल्प.
प्रॉपर्टी | |
|---|---|
darkSchemeColor
ज़रूरी नहीं |
टाइप:
AttributionColor optional |
lightSchemeColor
ज़रूरी नहीं |
टाइप:
AttributionColor optional |
AttributionColor कॉन्सटैंट
कॉन्सटैंट
google.maps.places.AttributionColor
लाइब्रेरी "places"
Google Maps के एट्रिब्यूशन टेक्स्ट के लिए रंग के विकल्प. एट्रिब्यूशन को इनमें से किसी भी रंग का इस्तेमाल करने के लिए कस्टमाइज़ किया जा सकता है.
इन कॉन्सटैंट को स्ट्रिंग के तौर पर भी इस्तेमाल किया जा सकता है. TypeScript में, स्ट्रिंग लिटरल को AttributionColorString टाइप से तय किया जाता है.
const {AttributionColor} = await google.maps.importLibrary("places");
कॉन्स्टेंट | |
|---|---|
BLACK |
काला एट्रिब्यूशन टेक्स्ट. |
GRAY |
ग्रे रंग का एट्रिब्यूशन टेक्स्ट. |
WHITE |
सफ़ेद रंग का एट्रिब्यूशन टेक्स्ट. |
PlaceButtonElement क्लास
class
google.maps.places.PlaceButtonElement
extends HTMLElement
implements PlaceButtonElementOptions
library "places"
यह action-main स्लॉट या action-corner स्लॉट में मौजूद बटन दिखाता है. PlaceButtonElement के लिए कोई डिफ़ॉल्ट ऐक्शन और सेटिंग नहीं है. एलिमेंट के व्यवहार को तय करने के लिए, उसमें इवेंट लिसनर अटैच करें. डिफ़ॉल्ट रूप से, बटन action-main स्लॉट में दिखेगा.
<gmp-place-button action-aria-label="string" label="string"> </gmp-place-button>
const {PlaceButtonElement} = await google.maps.importLibrary("places");
प्रॉपर्टी | |
|---|---|
actionAriaLabel
attr: action-aria-label |
टाइप:
string optionalडिफ़ॉल्ट:
undefinedइंटरनल कंट्रोल के लिए ARIA लेबल. सिर्फ़ आइकॉन वाले कंट्रोल में हमेशा aria-label होना चाहिए, ताकि उनके मकसद और व्यवहार के बारे में बताया जा सके. कोने में रेंडर किए गए कंट्रोल, लेबल नहीं दिखाते. इसलिए, कोने में मौजूद कंट्रोल के लिए लेबल के बजाय, aria-label का इस्तेमाल करने का सुझाव दिया जाता है.
एचटीएमएल एट्रिब्यूट: action-aria-label="string" |
label
attr: label |
टाइप:
string optionalडिफ़ॉल्ट:
undefinedकंट्रोल में दिखने वाला लेबल. पहले से तय किए गए ऐक्शन टाइप वाले लिंक के लिए, इस एट्रिब्यूट को अनदेखा कर दिया जाता है. ऐक्शन-कॉर्नर स्लॉट में रेंडर किए गए लिंक और बटन में लेबल नहीं दिखता. हमारा सुझाव है कि कॉर्नर कंट्रोल के लिए,
action-aria-label एट्रिब्यूट का इस्तेमाल करें.एचटीएमएल एट्रिब्यूट: label="string" |
स्लॉट गेम | |
|---|---|
icon-start |
लेबल से पहले शुरू होने वाले आइकॉन कॉन्टेंट के लिए स्लॉट. इसका इस्तेमाल, मुख्य और कोने में मौजूद ऐक्शन कंट्रोल, दोनों के लिए किया जाता है. जब कोई कंट्रोल अपने कोने की स्थिति में छोटा हो जाता है, तो इस स्लॉट में मौजूद कॉन्टेंट रेंडर होता है. |
पुर्ज़े | |
|---|---|
button |
सीएसएस का एक हिस्सा, जो इनर कंट्रोल एलिमेंट को टारगेट करता है. |
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
इवेंट | |
|---|---|
gmp-click |
function(event)आर्ग्युमेंट:
कंट्रोल पर क्लिक करने पर ट्रिगर होता है. |
PlaceButtonElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceButtonElementOptions
PlaceButtonElement ने लागू किया
PlaceButtonElement के लिए विकल्प.
प्रॉपर्टी | |
|---|---|
actionAriaLabel
ज़रूरी नहीं |
टाइप:
string optionalइंटरनल कंट्रोल के लिए ARIA लेबल. सिर्फ़ आइकॉन वाले कंट्रोल में हमेशा aria-label होना चाहिए, ताकि उनके मकसद और व्यवहार के बारे में बताया जा सके. कोने में रेंडर किए गए कंट्रोल, लेबल नहीं दिखाते. इसलिए, कोने में मौजूद कंट्रोल के लिए लेबल के बजाय, aria-label का इस्तेमाल करने का सुझाव दिया जाता है. |
label
ज़रूरी नहीं |
टाइप:
string optionalकंट्रोल में दिखने वाला लेबल. पहले से तय किए गए ऐक्शन टाइप वाले लिंक के लिए, इस एट्रिब्यूट को अनदेखा कर दिया जाता है. ऐक्शन-कॉर्नर स्लॉट में रेंडर किए गए लिंक और बटन में लेबल नहीं दिखता. हमारा सुझाव है कि कॉर्नर कंट्रोल के लिए, action-aria-label एट्रिब्यूट का इस्तेमाल करें. |
PlaceLinkElement क्लास
class
google.maps.places.PlaceLinkElement
extends HTMLElement
implements PlaceLinkElementOptions
library "places"
action-main स्लॉट या action-corner स्लॉट में मौजूद लिंक दिखाता है. डिफ़ॉल्ट रूप से, लिंक action-main स्लॉट में दिखेगा. लिंक के व्यवहार के बारे में बताने के लिए, action एट्रिब्यूट का इस्तेमाल करें. ActionLinkType में कई तरह की कार्रवाइयां उपलब्ध हैं. कस्टम लिंक के लिए, custom ऐक्शन टाइप तय करें. साथ ही, href और label एट्रिब्यूट सेट करें.
<gmp-place-link action="value-name" action-aria-label="string" default-icon-hidden href="string" label="string" target="string"> </gmp-place-link>
const {PlaceLinkElement} = await google.maps.importLibrary("places");
प्रॉपर्टी | |
|---|---|
action
attr: action |
टाइप:
ActionLinkType optionalलिंक पर क्लिक करने पर की जाने वाली कार्रवाई का टाइप. इससे लिंक का डिफ़ॉल्ट लेबल, आइकॉन, और डेस्टिनेशन href तय होता है. डेस्टिनेशन को मैन्युअल तरीके से सेट करने के लिए,
custom टाइप का इस्तेमाल करें और href एट्रिब्यूट की जानकारी दें.एचटीएमएल एट्रिब्यूट: action="value-name" |
actionAriaLabel
attr: action-aria-label |
टाइप:
string optionalडिफ़ॉल्ट:
undefinedइंटरनल कंट्रोल के लिए ARIA लेबल. सिर्फ़ आइकॉन वाले कंट्रोल में हमेशा aria-label होना चाहिए, ताकि उनके मकसद और व्यवहार के बारे में बताया जा सके. कोने में रेंडर किए गए कंट्रोल, लेबल नहीं दिखाते. इसलिए, कोने में मौजूद कंट्रोल के लिए लेबल के बजाय, aria-label का इस्तेमाल करने का सुझाव दिया जाता है.
एचटीएमएल एट्रिब्यूट: action-aria-label="string" |
defaultIconHidden
attr: default-icon-hidden |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falseक्या कस्टम लिंक को छोड़कर, अन्य सभी तरह के लिंक के लिए डिफ़ॉल्ट आइकॉन छिपा हुआ है.
एचटीएमएल एट्रिब्यूट: default-icon-hidden |
href
attr: href |
टाइप:
string optionalडिफ़ॉल्ट:
undefinedलिंक पर क्लिक करने पर खुलने वाला यूआरएल. इसका इस्तेमाल सिर्फ़ तब किया जाता है, जब
action एट्रिब्यूट को custom पर सेट किया गया हो.एचटीएमएल एट्रिब्यूट: href="string" |
label
attr: label |
टाइप:
string optionalडिफ़ॉल्ट:
undefinedकंट्रोल में दिखने वाला लेबल. पहले से तय किए गए ऐक्शन टाइप वाले लिंक के लिए, इस एट्रिब्यूट को अनदेखा कर दिया जाता है. ऐक्शन-कॉर्नर स्लॉट में रेंडर किए गए लिंक और बटन में लेबल नहीं दिखता. हमारा सुझाव है कि कॉर्नर कंट्रोल के लिए,
action-aria-label एट्रिब्यूट का इस्तेमाल करें.एचटीएमएल एट्रिब्यूट: label="string" |
target
attr: target |
टाइप:
string optionalडिफ़ॉल्ट:
undefinedइससे यह तय होता है कि लिंक कहां खुलेगा. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target देखें.
एचटीएमएल एट्रिब्यूट: target="string" |
स्लॉट गेम | |
|---|---|
icon-start |
लेबल से पहले शुरू होने वाले आइकॉन कॉन्टेंट के लिए स्लॉट. इसका इस्तेमाल, मुख्य और कोने में मौजूद ऐक्शन कंट्रोल, दोनों के लिए किया जाता है. जब कोई कंट्रोल अपने कोने की स्थिति में छोटा हो जाता है, तो इस स्लॉट में मौजूद कॉन्टेंट रेंडर होता है. |
पुर्ज़े | |
|---|---|
button |
सीएसएस का एक हिस्सा, जो इनर कंट्रोल एलिमेंट को टारगेट करता है. |
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
इवेंट | |
|---|---|
gmp-click |
function(event)आर्ग्युमेंट:
कंट्रोल पर क्लिक करने पर ट्रिगर होता है. |
PlaceLinkElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceLinkElementOptions
PlaceLinkElement ने लागू किया
PlaceLinkElement के लिए विकल्प.
प्रॉपर्टी | |
|---|---|
action
ज़रूरी नहीं |
टाइप:
ActionLinkType optionalPlaceLinkElement.action देखें. |
actionAriaLabel
ज़रूरी नहीं |
टाइप:
string optionalइंटरनल कंट्रोल के लिए ARIA लेबल. सिर्फ़ आइकॉन वाले कंट्रोल में हमेशा aria-label होना चाहिए, ताकि उनके मकसद और व्यवहार के बारे में बताया जा सके. कोने में रेंडर किए गए कंट्रोल, लेबल नहीं दिखाते. इसलिए, कोने में मौजूद कंट्रोल के लिए लेबल के बजाय, aria-label का इस्तेमाल करने का सुझाव दिया जाता है. |
href
ज़रूरी नहीं |
टाइप:
string optionalPlaceLinkElement.href देखें. |
label
ज़रूरी नहीं |
टाइप:
string optionalकंट्रोल में दिखने वाला लेबल. पहले से तय किए गए ऐक्शन टाइप वाले लिंक के लिए, इस एट्रिब्यूट को अनदेखा कर दिया जाता है. ऐक्शन-कॉर्नर स्लॉट में रेंडर किए गए लिंक और बटन में लेबल नहीं दिखता. हमारा सुझाव है कि कॉर्नर कंट्रोल के लिए, action-aria-label एट्रिब्यूट का इस्तेमाल करें. |
target
ज़रूरी नहीं |
टाइप:
string optionalPlaceLinkElement.target देखें. |
ActionLinkType कॉन्स्टेंट
कॉन्सटैंट
google.maps.places.ActionLinkType
लाइब्रेरी "places"
क्लिक किए जाने पर, PlaceLinkElement की ओर से की जाने वाली कार्रवाई. इससे आइकॉन, लेबल, और href डेस्टिनेशन तय होता है.
इन कॉन्सटैंट को स्ट्रिंग के तौर पर भी इस्तेमाल किया जा सकता है. TypeScript में, स्ट्रिंग लिटरल को ActionLinkTypeString टाइप से तय किया जाता है.
const {ActionLinkType} = await google.maps.importLibrary("places");
कॉन्स्टेंट | |
|---|---|
CALL |
यह उस जगह पर कॉल करने के लिए, tel: लिंक को ट्रिगर करता है. व्यवहार ऑपरेटिंग सिस्टम पर निर्भर करता है. |
CUSTOM |
कस्टम लिंक के लिए, इस ऐक्शन टाइप का इस्तेमाल करें. इस कार्रवाई टाइप का इस्तेमाल करते समय, href एट्रिब्यूट को PlaceLinkElement पर सेट करना ज़रूरी है. |
OPEN_DIRECTIONS |
PlaceLinkElement.target में बताई गई जगह पर जाने के निर्देश खुलते हैं. |
OPEN_MAP |
PlaceLinkElement.target से तय की गई जगह पर मैप खोलता है. |
OPEN_WEBSITE |
यह PlaceLinkElement.target की ओर से तय की गई जगह पर, उस जगह की वेबसाइट खोलता है. |
ActionButtonPosition कॉन्स्टेंट
कॉन्सटैंट
google.maps.places.ActionButtonPosition
लाइब्रेरी "places"
जगह की जानकारी वाले विजेट में, कंट्रोल की स्लॉट की गई पोज़िशन.
इन कॉन्सटैंट को स्ट्रिंग के तौर पर भी इस्तेमाल किया जा सकता है. TypeScript में, स्ट्रिंग लिटरल को ActionButtonPositionString टाइप से तय किया जाता है.
const {ActionButtonPosition} = await google.maps.importLibrary("places");
कॉन्स्टेंट | |
|---|---|
ACTION_CORNER |
कंट्रोल, विजेट के कोने में रेंडर होता है. कॉर्नर कंट्रोल, सिर्फ़ एक आइकॉन रेंडर करते हैं. |
ACTION_MAIN |
कंट्रोल, विजेट के मुख्य कॉन्टेंट एरिया में रेंडर होता है. लेबल और आइकॉन रेंडर किए जाते हैं. |
PlaceActionEvent क्लास
class
google.maps.places.PlaceActionEvent
extends Event
library "places"
ऐक्शन बटन पर क्लिक करने पर, इवेंट ट्रिगर होता है.
const {PlaceActionEvent} = await google.maps.importLibrary("places");
प्रॉपर्टी | |
|---|---|
place
readonly |
टाइप:
Placeवह जगह जहां क्लिक किया गया था. |
PlaceNameElement क्लास
class
google.maps.places.PlaceNameElement
extends HTMLElement
implements PlaceNameElementOptions
library "places"
यह जगह की जानकारी वाले एलिमेंट में, जगह का नाम दिखाता है.
<gmp-place-name></gmp-place-name>
const {PlaceNameElement} = await google.maps.importLibrary("places");
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
PlaceNameElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.places.PlaceNameElementOptions
PlaceNameElement ने लागू किया
PlaceNameElement के लिए विकल्प.