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]) প্যারামিটার: options: PlaceContentConfigElementOptions optional

পদ্ধতি
ইনহেরিট করা হয়েছে: 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]) প্যারামিটার: options: PlaceAllContentElementOptions optional

পদ্ধতি
ইনহেরিট করা হয়েছে: 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-এর জন্য, স্ট্যান্ডার্ড কন্টেন্টে এগুলি থাকে:

• মিডিয়া
• ঠিকানা
• রেটিং
• ধরন
• মূল্য
• অ্যাক্সেসযোগ্য প্রবেশপথের আইকন
• ওয়েবসাইট
• ফোন নম্বর
• খোলা থাকার সময়
• সারাংশ
• নির্দিষ্ট ধরনের হাইলাইট
• রিভিউ
• ফিচারের তালিকা

PlaceDetailsCompactElement-এর জন্য, স্ট্যান্ডার্ড কন্টেন্টে এগুলি থাকে:

• মিডিয়া
• রেটিং
• ধরন
• মূল্য
• অ্যাক্সেসযোগ্য প্রবেশপথের আইকন
• এখন খোলা আছে স্ট্যাটাস

PlaceSearchElement-এর জন্য, স্ট্যান্ডার্ড কন্টেন্টে এগুলি থাকে:

• মিডিয়া
• রেটিং
• ধরন
• মূল্য
• অ্যাক্সেসযোগ্য প্রবেশপথের আইকন

যেমন:

 <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]) প্যারামিটার: options: PlaceStandardContentElementOptions optional

পদ্ধতি
ইনহেরিট করা হয়েছে: 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]) প্যারামিটার: options: PlaceMediaElementOptions optional

প্রপার্টি
lightboxPreferred attr: lightbox-preferred	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean ডিফল্ট: false মিডিয়া লাইটবক্স চালু বা বন্ধ করা হবে কিনা, যেখানে দুটি বিকল্পই কাজ করে। HTML অ্যাট্রিবিউট: lightbox-preferred
preferredSize attr: preferred-size	ইনপুটের ধরন: MediaSize optional আউটপুটের ধরন: MediaSize optional ডিফল্ট: null একাধিক সাইজ কাজ করে এমন ক্ষেত্রে পছন্দের মিডিয়া সাইজ, যেমন উল্লম্ব PlaceSearchElement। এটি নির্দিষ্ট করা না থাকলে, উল্লম্ব PlaceSearchElement ডিফল্ট হিসেবে MediaSize.SMALL ব্যবহার করবে। HTML অ্যাট্রিবিউট: preferred-size="value-name"

পদ্ধতি
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

PlaceMediaElementOptions ইন্টারফেস

ইন্টারফেস google.maps.places.PlaceMediaElementOptions
PlaceMediaElement-এর দ্বারা প্রয়োগ করা হয়েছে

PlaceMediaElement-এর জন্য বিকল্প।

প্রপার্টি
lightboxPreferred ঐচ্ছিক	ধরন: boolean optional PlaceMediaElement.lightboxPreferred দেখুন।
preferredSize ঐচ্ছিক	ধরন: MediaSize optional PlaceMediaElement.preferredSize দেখুন।

MediaSize constants

constants google.maps.places.MediaSize
library "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]) প্যারামিটার: options: PlaceAddressElementOptions optional

পদ্ধতি
ইনহেরিট করা হয়েছে: 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]) প্যারামিটার: options: PlaceRatingElementOptions optional

পদ্ধতি
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

PlaceRatingElementOptions ইন্টারফেস

ইন্টারফেস google.maps.places.PlaceRatingElementOptions
PlaceRatingElement-এর দ্বারা প্রয়োগ করা হয়েছে

PlaceRatingElement-এর জন্য বিকল্প।

PlaceTypeElement class

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]) প্যারামিটার: options: PlaceTypeElementOptions optional

পদ্ধতি
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

PlaceTypeElementOptions ইন্টারফেস

ইন্টারফেস google.maps.places.PlaceTypeElementOptions
PlaceTypeElement-এর দ্বারা প্রয়োগ করা হয়েছে

PlaceTypeElement-এর জন্য বিকল্প।

PlacePriceElement class

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]) প্যারামিটার: options: PlacePriceElementOptions optional

পদ্ধতি
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

PlacePriceElementOptions ইন্টারফেস

ইন্টারফেস google.maps.places.PlacePriceElementOptions
PlacePriceElement-এর দ্বারা প্রয়োগ করা হয়েছে

PlacePriceElement-এর জন্য বিকল্প।

PlaceAccessibleEntranceIconElement class

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]) প্যারামিটার: options: PlaceAccessibleEntranceIconElementOptions optional

পদ্ধতি
ইনহেরিট করা হয়েছে: 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]) প্যারামিটার: options: PlaceOpenNowStatusElementOptions optional

পদ্ধতি
ইনহেরিট করা হয়েছে: 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

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 ইন্টারফেস

ইন্টারফেস 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 ইন্টারফেস

ইন্টারফেস 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

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

class google.maps.places.PlaceTypeSpecificHighlightsElement extends HTMLElement implements PlaceTypeSpecificHighlightsElementOptions
library "places"

কোনও জায়গার ধরন-নির্দিষ্ট হাইলাইট, যেমন পেট্রোলের দাম এবং EV চার্জারের উপলভ্যতা দেখানোর জন্য 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 ইন্টারফেস

ইন্টারফেস 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]) প্যারামিটার: options: PlaceAttributionElementOptions optional

প্রপার্টি
darkSchemeColor attr: dark-scheme-color	ইনপুটের ধরন: AttributionColor optional আউটপুটের ধরন: AttributionColor ডিফল্ট: AttributionColor.WHITE ডার্ক মোডে Google Maps অ্যাট্রিবিউশনের রঙ। HTML অ্যাট্রিবিউট: dark-scheme-color="value-name"
lightSchemeColor attr: light-scheme-color	ইনপুটের ধরন: AttributionColor optional আউটপুটের ধরন: AttributionColor ডিফল্ট: AttributionColor.GRAY লাইট মোডে Google Maps অ্যাট্রিবিউশনের রঙ। HTML অ্যাট্রিবিউট: light-scheme-color="value-name"

পদ্ধতি
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

PlaceAttributionElementOptions ইন্টারফেস

ইন্টারফেস google.maps.places.PlaceAttributionElementOptions
PlaceAttributionElement-এর দ্বারা প্রয়োগ করা হয়েছে

PlaceAttributionElement-এর জন্য বিকল্প।

প্রপার্টি
darkSchemeColor ঐচ্ছিক	ধরন: AttributionColor optional PlaceAttributionElement.darkSchemeColor দেখুন।
lightSchemeColor ঐচ্ছিক	ধরন: AttributionColor optional PlaceAttributionElement.lightSchemeColor দেখুন।

AttributionColor কনস্ট্যান্ট

constants google.maps.places.AttributionColor
library "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"

বিজ্ঞপ্তি: শুধুমাত্র v=বিটা চ্যানেলে উপলভ্য।

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 ব্যবহার করার সাজেশন দেওয়া হয়। HTML অ্যাট্রিবিউট: action-aria-label="string"
label attr: label	ধরন: string optional ডিফল্ট: undefined কন্ট্রোলে দেখানোর জন্য লেবেল। আগে থেকে নির্ধারিত অ্যাকশন টাইপ সহ লিঙ্কের জন্য এই অ্যাট্রিবিউট উপেক্ষা করা হয়। অ্যাকশন-কর্নার স্লটে রেন্ডার করা লিঙ্ক ও বোতামে কোনও লেবেল দেখানো হয় না। কর্নার কন্ট্রোলের জন্য action-aria-label অ্যাট্রিবিউট ব্যবহার করার সাজেশন দেওয়া হয়। HTML অ্যাট্রিবিউট: label="string"

স্লট
icon-start	লেবেলের আগে শুরু হওয়া আইকন কন্টেন্টের জন্য স্লট। এটি প্রধান ও কর্নার অ্যাকশন কন্ট্রোল, দুটির জন্যই ব্যবহার করা হয়। কোনও কন্ট্রোল তার কর্নার স্টেটে সঙ্কুচিত হলে, এই স্লটে থাকা কন্টেন্ট রেন্ডার করা হয়।

পার্টস
button	একটি CSS পার্ট যা অভ্যন্তরীণ কন্ট্রোল এলিমেন্টকে টার্গেট করে।

পদ্ধতি
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

ইভেন্ট
gmp-click	function(event) আর্গুমেন্ট: event: PlaceActionEvent optional কন্ট্রোলে ক্লিক করা হলে ফায়ার করা হয়।

PlaceButtonElementOptions ইন্টারফেস

ইন্টারফেস google.maps.places.PlaceButtonElementOptions
PlaceButtonElement-এর দ্বারা প্রয়োগ করা হয়েছে

বিজ্ঞপ্তি: শুধুমাত্র v=বিটা চ্যানেলে উপলভ্য।

PlaceButtonElement-এর জন্য বিকল্প।

প্রপার্টি
actionAriaLabel ঐচ্ছিক	ধরন: string optional ইন্টার্নাল কন্ট্রোলের জন্য ARIA লেবেল। আইকন-অনলি কন্ট্রোলের উদ্দেশ্য ও আচরণ বর্ণনা করার জন্য সবসময় aria-label থাকতে হবে। কোণে রেন্ডার করা কন্ট্রোলে কোনও লেবেল দেখানো হয় না, তাই কোণের কন্ট্রোলের জন্য লেবেলের পরিবর্তে aria-label ব্যবহার করার সাজেশন দেওয়া হয়।
label ঐচ্ছিক	ধরন: string optional কন্ট্রোলে দেখানোর জন্য লেবেল। আগে থেকে নির্ধারিত অ্যাকশন টাইপ সহ লিঙ্কের জন্য এই অ্যাট্রিবিউট উপেক্ষা করা হয়। অ্যাকশন-কর্নার স্লটে রেন্ডার করা লিঙ্ক ও বোতামে কোনও লেবেল দেখানো হয় না। কর্নার কন্ট্রোলের জন্য action-aria-label অ্যাট্রিবিউট ব্যবহার করার সাজেশন দেওয়া হয়।

PlaceLinkElement class

class google.maps.places.PlaceLinkElement extends HTMLElement implements PlaceLinkElementOptions
library "places"

বিজ্ঞপ্তি: শুধুমাত্র v=বিটা চ্যানেলে উপলভ্য।

action-main স্লট বা action-corner স্লটে স্লট করা লিঙ্ক দেখায়। ডিফল্ট হিসেবে লিঙ্কটি action-main স্লটে দেখানো হবে। লিঙ্কের আচরণ নির্দিষ্ট করতে action অ্যাট্রিবিউট ব্যবহার করুন। ActionLinkType-এ তালিকাভুক্ত বিভিন্ন ধরনের অ্যাকশন ব্যবহার করার জন্য উপলভ্য। কাস্টম লিঙ্কের জন্য, custom অ্যাকশনের ধরন উল্লেখ করুন এবং href ও label অ্যাট্রিবিউট সেট করুন।

<gmp-place-link
  action="value-name"
  action-aria-label="string"
  href="string"
  label="string"
  target="string">
</gmp-place-link>

const {PlaceLinkElement} = await google.maps.importLibrary("places");

প্রপার্টি
action attr: action	ধরন: ActionLinkType optional লিঙ্কে ক্লিক করা হলে যে ধরনের অ্যাকশন পারফর্ম করতে হবে। লিঙ্কের ডিফল্ট লেবেল, আইকন এবং ডেস্টিনেশন href নির্ধারণ করে। ম্যানুয়ালি গন্তব্য সেট করতে custom ধরন ব্যবহার করুন এবং href অ্যাট্রিবিউট নির্দিষ্ট করুন। HTML অ্যাট্রিবিউট: action="value-name"
actionAriaLabel attr: action-aria-label	ধরন: string optional ডিফল্ট: undefined ইন্টার্নাল কন্ট্রোলের জন্য ARIA লেবেল। আইকন-অনলি কন্ট্রোলের উদ্দেশ্য ও আচরণ বর্ণনা করার জন্য সবসময় aria-label থাকতে হবে। কোণে রেন্ডার করা কন্ট্রোলে কোনও লেবেল দেখানো হয় না, তাই কোণের কন্ট্রোলের জন্য লেবেলের পরিবর্তে aria-label ব্যবহার করার সাজেশন দেওয়া হয়। HTML অ্যাট্রিবিউট: action-aria-label="string"
href attr: href	ধরন: string optional ডিফল্ট: undefined লিঙ্কে ক্লিক করা হলে যে URL খুলবে। action অ্যাট্রিবিউট custom-এ সেট করা থাকলে তবেই এটি ব্যবহার করা হয়। HTML অ্যাট্রিবিউট: href="string"
label attr: label	ধরন: string optional ডিফল্ট: undefined কন্ট্রোলে দেখানোর জন্য লেবেল। আগে থেকে নির্ধারিত অ্যাকশন টাইপ সহ লিঙ্কের জন্য এই অ্যাট্রিবিউট উপেক্ষা করা হয়। অ্যাকশন-কর্নার স্লটে রেন্ডার করা লিঙ্ক ও বোতামে কোনও লেবেল দেখানো হয় না। কর্নার কন্ট্রোলের জন্য action-aria-label অ্যাট্রিবিউট ব্যবহার করার সাজেশন দেওয়া হয়। HTML অ্যাট্রিবিউট: label="string"
target attr: target	ধরন: string optional ডিফল্ট: undefined লিঙ্কটি কোথায় খুলবে তা নির্ধারণ করে। https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target দেখুন। HTML অ্যাট্রিবিউট: target="string"

স্লট
icon-start	লেবেলের আগে শুরু হওয়া আইকন কন্টেন্টের জন্য স্লট। এটি প্রধান ও কর্নার অ্যাকশন কন্ট্রোল, দুটির জন্যই ব্যবহার করা হয়। কোনও কন্ট্রোল তার কর্নার স্টেটে সঙ্কুচিত হলে, এই স্লটে থাকা কন্টেন্ট রেন্ডার করা হয়।

পার্টস
button	একটি CSS পার্ট যা অভ্যন্তরীণ কন্ট্রোল এলিমেন্টকে টার্গেট করে।

পদ্ধতি
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

ইভেন্ট
gmp-click	function(event) আর্গুমেন্ট: event: PlaceActionEvent optional কন্ট্রোলে ক্লিক করা হলে ফায়ার করা হয়।

PlaceLinkElementOptions ইন্টারফেস

ইন্টারফেস google.maps.places.PlaceLinkElementOptions
PlaceLinkElement-এর দ্বারা প্রয়োগ করা হয়েছে

বিজ্ঞপ্তি: শুধুমাত্র v=বিটা চ্যানেলে উপলভ্য।

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 constants

constants google.maps.places.ActionLinkType
library "places"

বিজ্ঞপ্তি: শুধুমাত্র v=বিটা চ্যানেলে উপলভ্য।

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 কনস্ট্যান্ট

constants google.maps.places.ActionButtonPosition
library "places"

বিজ্ঞপ্তি: শুধুমাত্র v=বিটা চ্যানেলে উপলভ্য।

জায়গার বিবরণ উইজেটে কন্ট্রোলের স্লট করা পজিশন।

এইসব কনস্ট্যান্ট স্ট্রিং হিসেবেও ব্যবহার করা যায়। TypeScript-এ, স্ট্রিং লিটারেল ActionButtonPositionString টাইপ দ্বারা সংজ্ঞায়িত করা হয়।

const {ActionButtonPosition} = await google.maps.importLibrary("places");

ধ্রুবক
ACTION_CORNER	উইজেটের কোণে কন্ট্রোল রেন্ডার করা হয়। কোণের কন্ট্রোল শুধুমাত্র একটি আইকন রেন্ডার করে।
ACTION_MAIN	উইজেটের মূল কন্টেন্ট অংশে কন্ট্রোল রেন্ডার করা হয়। লেবেল ও আইকন রেন্ডার করা হয়েছে।

PlaceActionEvent ক্লাস

class google.maps.places.PlaceActionEvent extends Event
library "places"

বিজ্ঞপ্তি: শুধুমাত্র v=বিটা চ্যানেলে উপলভ্য।

অ্যাকশন বোতামে ক্লিক করা হলে ইভেন্টটি ট্রিগার করা হয়।

const {PlaceActionEvent} = await google.maps.importLibrary("places");

প্রপার্টি
place readonly	ধরন: Place যে জায়গায় ক্লিক করা হয়েছে।

PlaceNameElement ক্লাস

class google.maps.places.PlaceNameElement extends HTMLElement implements PlaceNameElementOptions
library "places"

বিজ্ঞপ্তি: শুধুমাত্র v=বিটা চ্যানেলে উপলভ্য।

জায়গার বিবরণ এলিমেন্টের মধ্যে জায়গার নাম দেখায়।

<gmp-place-name></gmp-place-name>

const {PlaceNameElement} = await google.maps.importLibrary("places");

পদ্ধতি
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

PlaceNameElementOptions ইন্টারফেস

ইন্টারফেস google.maps.places.PlaceNameElementOptions
PlaceNameElement-এর দ্বারা প্রয়োগ করা হয়েছে

বিজ্ঞপ্তি: শুধুমাত্র v=বিটা চ্যানেলে উপলভ্য।

PlaceNameElement-এর জন্য বিকল্প।