Place Widget Content Customization

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
इनपुट टाइप: MediaSize optional
आउटपुट टाइप: MediaSize optional
डिफ़ॉल्ट: 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 optional
आउटपुट टाइप: AttributionColor
डिफ़ॉल्ट: AttributionColor.WHITE
गहरे रंग वाले मोड में, Google Maps एट्रिब्यूशन का रंग.
एचटीएमएल एट्रिब्यूट: dark-scheme-color="value-name"
lightSchemeColor
attr: light-scheme-color
इनपुट टाइप: AttributionColor optional
आउटपुट टाइप: AttributionColor
डिफ़ॉल्ट: 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 optional
PlaceLinkElement.action देखें.
actionAriaLabel
ज़रूरी नहीं
टाइप: string optional
इंटरनल कंट्रोल के लिए ARIA लेबल. सिर्फ़ आइकॉन वाले कंट्रोल में हमेशा aria-label होना चाहिए, ताकि उनके मकसद और व्यवहार के बारे में बताया जा सके. कोने में रेंडर किए गए कंट्रोल, लेबल नहीं दिखाते. इसलिए, कोने में मौजूद कंट्रोल के लिए लेबल के बजाय, aria-label का इस्तेमाल करने का सुझाव दिया जाता है.
href
ज़रूरी नहीं
टाइप: string optional
PlaceLinkElement.href देखें.
label
ज़रूरी नहीं
टाइप: string optional
कंट्रोल में दिखने वाला लेबल. पहले से तय किए गए ऐक्शन टाइप वाले लिंक के लिए, इस एट्रिब्यूट को अनदेखा कर दिया जाता है. ऐक्शन-कॉर्नर स्लॉट में रेंडर किए गए लिंक और बटन में लेबल नहीं दिखता. हमारा सुझाव है कि कॉर्नर कंट्रोल के लिए, action-aria-label एट्रिब्यूट का इस्तेमाल करें.
target
ज़रूरी नहीं
टाइप: string optional
PlaceLinkElement.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 के लिए विकल्प.