Places Widgets

PlaceAutocompleteElement ক্লাস

class google.maps.places.PlaceAutocompleteElement extends HTMLElement implements PlaceAutocompleteElementOptions
library "places"

PlaceAutocompleteElement হল একটি HTMLElement সাবক্লাস যা Places Autocomplete API-এর জন্য একটি UI কম্পোনেন্ট প্রদান করে।

PlaceAutocompleteElement অটোমেটিক্যালি AutocompleteSessionTokens ইন্টার্নালি ব্যবহার করে যাতে ব্যবহারকারীর অটোকমপ্লিট সার্চের কোয়েরি ও সিলেকশন ফেজ গ্রুপ করা যায়।

PlacePrediction.toPlace-এর মাধ্যমে ফেরত পাঠানো Place-এ Place.fetchFields-এর প্রথম কলে PlacePrediction আনার জন্য ব্যবহৃত সেশন টোকেন অটোমেটিক অন্তর্ভুক্ত থাকবে।

সেশন কীভাবে কাজ করে সেই সম্পর্কে আরও জানতে https://developers.google.com/maps/documentation/places/web-service/place-session-tokens দেখুন।

<gmp-place-autocomplete
  description="string"
  disabled
  future-opening-businesses-included
  included-primary-types="type1 type2 type3..."
  included-region-codes="c1 c2 c3..."
  internal-usage-attribution-ids="space separated strings"
  maxlength="number"
  name="string"
  no-clear-button
  no-input-icon
  origin="lat,lng"
  placeholder="string"
  pure-service-area-businesses-included
  readonly
  requested-language="string"
  requested-region="string"
  unit-system="value-name">
</gmp-place-autocomplete>

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

নির্মাণকারী
PlaceAutocompleteElement	PlaceAutocompleteElement([options]) প্যারামিটার: options: PlaceAutocompleteElementOptions optional

প্রপার্টি
description attr: description	ধরন: string optional ইনপুট এলিমেন্টের জন্য ব্যবহার করার বিবরণ। ইনপুট এলিমেন্ট ফোকাস করা হলে স্ক্রিন রিডার এটি শনাক্ত করবে। বিস্তারিত জানতে https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-describedby দেখুন। HTML অ্যাট্রিবিউট: description="string"
disabled attr: disabled	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean ইনপুট এলিমেন্ট বন্ধ করা আছে কিনা। বিস্তারিত জানতে https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#disabled দেখুন। HTML অ্যাট্রিবিউট: disabled
futureOpeningBusinessesIncluded attr: future-opening-businesses-included	ধরন: boolean optional এখনও খোলা হয়নি কিন্তু ভবিষ্যতে খোলা হবে বলে আশা করা হচ্ছে এমন জায়গা অন্তর্ভুক্ত করা হবে কিনা। HTML অ্যাট্রিবিউট: future-opening-businesses-included
includedPrimaryTypes attr: included-primary-types	ধরন: Array<string> optional অন্তর্ভুক্ত করা প্রাথমিক জায়গার ধরন (যেমন, "রেস্তোরাঁ" বা "gas_station")। কোনও জায়গার প্রাথমিক ধরন এই তালিকায় অন্তর্ভুক্ত থাকলে তবেই সেটি দেখানো হয়। সর্বাধিক ৫টি ভ্যালু উল্লেখ করা যেতে পারে। কোনও ধরন উল্লেখ করা না থাকলে, সব ধরনের জায়গা দেখানো হয়। HTML অ্যাট্রিবিউট: included-primary-types="type1 type2 type3..."
includedRegionCodes attr: included-region-codes	ধরন: Array<string> optional শুধুমাত্র নির্দিষ্ট অঞ্চলে ফলাফল অন্তর্ভুক্ত করুন, যা সর্বাধিক ১৫টি CLDR দুই-অক্ষরের অঞ্চল কোড হিসেবে নির্দিষ্ট করা হয়েছে। ফাঁকা সেট ফলাফলকে সীমাবদ্ধ করবে না। locationRestriction এবং includedRegionCodes, দুটিই সেট করা থাকলে, ইন্টারসেকশন এলাকায় ফলাফল দেখানো হবে। HTML অ্যাট্রিবিউট: included-region-codes="c1 c2 c3..."
internalUsageAttributionIds attr: internal-usage-attribution-ids	ইনপুটের ধরন: Iterable<string> optional আউটপুটের ধরন: Array<string> optional নির্দিষ্ট প্যাকেজ বা OSS লাইব্রেরিতে কল অ্যাট্রিবিউট করার জন্য ব্যবহৃত শনাক্তকারী। HTML অ্যাট্রিবিউট: internal-usage-attribution-ids="space separated strings"
locationBias	ধরন: LocationBias optional কোনও জায়গা সার্চ করার সময় ব্যবহার করার জন্য একটি সফট বাউন্ডারি বা ইঙ্গিত।
locationRestriction	ধরন: LocationRestriction optional সার্চ ফলাফল সীমাবদ্ধ করার জন্য বাউন্ড।
maxlength attr: maxlength	ধরন: number optional ব্যবহারকারী সর্বাধিক যতগুলি অক্ষর লিখতে পারবেন। আরও বিবরণের জন্য https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength দেখুন। HTML অ্যাট্রিবিউট: maxlength="number"
name attr: name	ধরন: string optional ইনপুট এলিমেন্টের জন্য ব্যবহার করা হবে এমন নাম। বিস্তারিত জানতে https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name দেখুন। ইনপুটের জন্য নাম অ্যাট্রিবিউটের মতো একই আচরণ অনুসরণ করে। মনে রাখবেন, ফর্ম জমা দেওয়ার সময় এই নামটি ব্যবহার করা হবে। আরও তথ্যের জন্য https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form দেখুন। HTML অ্যাট্রিবিউট: name="string"
noClearButton attr: no-clear-button	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean 'মুছে দিন' বোতাম লুকানো হবে কিনা। HTML অ্যাট্রিবিউট: no-clear-button
noInputIcon attr: no-input-icon	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean ইনপুট আইকন লুকানো হবে কিনা। HTML অ্যাট্রিবিউট: no-input-icon
origin attr: origin	ইনপুটের ধরন: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional আউটপুটের ধরন: LatLngAltitude optional যেখান থেকে দূরত্ব গণনা করা হবে। উল্লেখ করা না থাকলে, দূরত্ব গণনা করা হয় না। উচ্চতা দেওয়া থাকলেও, তা গণনার সময় ব্যবহার করা হয় না। HTML অ্যাট্রিবিউট: origin="lat,lng" origin="lat,lng,altitude"
placeholder attr: placeholder	ধরন: string optional ইনপুট এলিমেন্টের জন্য ব্যবহার করার প্লেসহোল্ডার টেক্সট। বিস্তারিত জানতে https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder দেখুন। HTML অ্যাট্রিবিউট: placeholder="string"
pureServiceAreaBusinessesIncluded attr: pure-service-area-businesses-included	ধরন: boolean optional শুধুমাত্র পরিষেবা প্রদানকারী ব্যবসা অন্তর্ভুক্ত করা হবে কিনা। HTML অ্যাট্রিবিউট: pure-service-area-businesses-included
readonly attr: readonly	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean ইনপুট এলিমেন্টটি শুধু পাঠযোগ্য কিনা। আরও বিবরণের জন্য https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly দেখুন। HTML অ্যাট্রিবিউট: readonly
requestedLanguage attr: requested-language	ধরন: string optional সম্ভব হলে, যে ভাষায় ফলাফল দেখানো উচিত সেই ভাষার জন্য একটি ভাষা শনাক্তকারী। বেছে নেওয়া ভাষায় ফলাফলকে আরও বেশি র‍্যাঙ্কিং দেওয়া হতে পারে, তবে সাজেশন এই ভাষার মধ্যে সীমাবদ্ধ নয়। অনুমোদিত ভাষার তালিকা দেখুন। HTML অ্যাট্রিবিউট: requested-language="string"
requestedRegion attr: requested-region	ধরন: string optional ফলাফল ফর্ম্যাট ও ফিল্টার করার জন্য ব্যবহৃত অঞ্চল কোড। এটি এই দেশের জন্য সাজেশন সীমিত করে না। অঞ্চল কোডে ccTLD ("টপ-লেভেল ডোমেন") দুই-অক্ষরের মান গ্রহণ করা হয়। বেশিরভাগ ccTLD কোড ISO 3166-1 কোডের মতোই হয়, তবে কিছু ব্যতিক্রম আছে। যেমন, যুক্তরাজ্যের ccTLD হল "uk" (.co.uk) এবং এর ISO 3166-1 কোড হল "gb" (টেকনিক্যালি "গ্রেট ব্রিটেন ও উত্তর আয়ারল্যান্ডের যুক্তরাজ্য" এন্টিটির জন্য)। HTML অ্যাট্রিবিউট: requested-region="string"
unitSystem attr: unit-system	ইনপুটের ধরন: UnitSystem optional আউটপুটের ধরন: UnitSystem optional দূরত্ব দেখানোর জন্য ব্যবহৃত ইউনিট সিস্টেম। উল্লেখ করা না থাকলে, requestedRegion-এর মাধ্যমে ইউনিট সিস্টেম নির্ধারণ করা হয়। HTML অ্যাট্রিবিউট: unit-system="value-name"
value	ইনপুটের ধরন: string optional আউটপুটের ধরন: string ইনপুট এলিমেন্টের ভ্যালু।

স্লট
clear-icon	ক্লিয়ার আইকনের পজিশনে স্লট করা এলিমেন্ট রাখে। ইনপুটে টেক্সট থাকলে ইনপুট বক্সের শেষে 'মুছে দিন' বোতামটি দেখানো হয়।
input-icon	ইনপুট আইকনের পজিশনে স্লট করা এলিমেন্ট রাখে। ইনলাইন মোডে ইনপুট বক্সের শুরুতে ইনপুট আইকন দেখানো হয়।
prediction-item-icon	এই স্লটে ঠিক একটি <template> এলিমেন্ট গ্রহণ করা হয় যা প্রেডিকশন আইটেমের পাশে দেখানো আইকন হিসেবে রেন্ডার করা হয়।

পার্টস
focus-ring	ফোকাস করা এলিমেন্টের (ইনপুট বা পূর্বাভাসের আইটেম) চারপাশে ফোকাস রিং দেখানোর জন্য ব্যবহৃত এলিমেন্ট
input	অটো-কমপ্লিট এলিমেন্টের জন্য ইনপুট এলিমেন্ট।
prediction-item	পূর্বাভাসের ড্রপ-ডাউনে থাকা একটি আইটেম যা একটি পূর্বাভাসকে দেখায়।
prediction-item-icon	পূর্বানুমানের তালিকায় প্রতিটি আইটেমের বাঁদিকে দেখানো আইকন।
prediction-item-main-text	পূর্বাভাস-আইটেমের একটি অংশ যা পূর্বাভাসের মূল টেক্সট। ভৌগোলিক লোকেশনের ক্ষেত্রে, এতে 'সিডনি'-র মতো কোনও জায়গার নাম অথবা '১০ কিং স্ট্রিট'-এর মতো কোনও রাস্তার নাম ও নম্বর থাকে। ডিফল্ট হিসেবে, prediction-item-main-text-এর রঙ কালো হয়। prediction-item-এ কোনও অতিরিক্ত টেক্সট থাকলে, সেটি prediction-item-main-text-এর বাইরে থাকে এবং prediction-item থেকে এর স্টাইলিং ইনহেরিট করে। ডিফল্ট হিসেবে এটি ধূসর রঙের হয়। অতিরিক্ত টেক্সট সাধারণত একটি ঠিকানা হয়।
prediction-item-match	ব্যবহারকারীর ইনপুটের সাথে মিলে যাওয়া রিটার্ন করা পূর্বাভাসের অংশ। ডিফল্ট হিসেবে, এই ম্যাচ করা টেক্সট মোটা হরফে হাইলাইট করা হয়। মনে রাখবেন যে ম্যাচ করা টেক্সট শুধুমাত্র prediction-item-main-text-এর মধ্যে হাইলাইট করা হয়।
prediction-item-nonmatch	পূর্বানুমান করা মূল টেক্সটের যে অংশ ব্যবহারকারীর ইনপুটের সাথে মেলে না।
prediction-item-secondary-text	পূর্বানুমান-আইটেমের অংশ যা পূর্বানুমানের সেকেন্ডারি টেক্সট। অতিরিক্ত টেক্সট সাধারণত একটি ঠিকানা হয়।
prediction-item-selected	ব্যবহারকারী কীবোর্ডের মাধ্যমে আইটেমে নেভিগেট করলে। মনে রাখবেন: বেছে নেওয়া আইটেম এই পার্ট স্টাইল এবং প্রেডিকশন-আইটেম পার্ট স্টাইল, দুটির মাধ্যমেই প্রভাবিত হবে।
prediction-list	ভিজ্যুয়াল এলিমেন্ট যাতে Place Autocomplete পরিষেবার মাধ্যমে পাওয়া পূর্বাভাসের তালিকা থাকে। এই তালিকাটি PlaceAutocompleteElement-এর নিচে ড্রপডাউন তালিকা হিসেবে দেখা যায়।

CSS প্রপার্টি
background-color	এলিমেন্টের ব্যাকগ্রাউন্ডের রঙ ওভাররাইড করে।
border	এলিমেন্টের বর্ডার ওভাররাইড করে।
border-radius	এলিমেন্টের বর্ডার ব্যাসার্ধ ওভাররাইড করে।
color	এলিমেন্টের ফন্ট ওভাররাইড করে।
color-scheme	এই এলিমেন্টটি কোন রঙের স্কিমে রেন্ডার করা যেতে পারে তা নির্দেশ করে। আরও বিবরণের জন্য color-scheme ডকুমেন্টেশন দেখুন। ডিফল্ট হিসেবে color-scheme: light dark সেট করা থাকে।
font	এলিমেন্টের ফন্ট ওভাররাইড করে।
font-family	এলিমেন্টের ফন্ট ওভাররাইড করে।
font-size	এলিমেন্টের ফন্ট ওভাররাইড করে।
font-style	এলিমেন্টের ফন্ট ওভাররাইড করে।
font-weight	এলিমেন্টের ফন্ট ওভাররাইড করে।
line-height	এলিমেন্টের ফন্ট ওভাররাইড করে।

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

ইভেন্ট
gmp-error	function(errorEvent) আর্গুমেন্ট: errorEvent: Event optional ব্যাকএন্ডে করা অনুরোধ বাতিল করা হলে এই ইভেন্টটি ফায়ার করা হয় (যেমন, ভুল API কী)। এই ইভেন্ট বাবল করে না।
gmp-select	function(placePredictionSelectEvent) আর্গুমেন্ট: placePredictionSelectEvent: PlacePredictionSelectEvent optional ব্যবহারকারী কোনও জায়গার পূর্বাভাস বেছে নিলে এই ইভেন্ট ট্রিগার হয়। PlacePrediction অবজেক্ট রয়েছে যা Place অবজেক্টে কনভার্ট করা যেতে পারে।

PlaceAutocompleteElementOptions ইন্টারফেস

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

PlaceAutocompleteElement তৈরি করার বিকল্প। প্রতিটি প্রপার্টির বিবরণের জন্য, PlaceAutocompleteElement ক্লাসে একই নামের প্রপার্টি দেখুন।

প্রপার্টি
description ঐচ্ছিক	ধরন: string optional ইনপুট এলিমেন্টের জন্য ব্যবহার করার বিবরণ। ইনপুট এলিমেন্ট ফোকাস করা হলে স্ক্রিন রিডার এটি শনাক্ত করবে।
disabled ঐচ্ছিক	ধরন: boolean optional
futureOpeningBusinessesIncluded ঐচ্ছিক	ধরন: boolean optional
includedPrimaryTypes ঐচ্ছিক	ধরন: Array<string> optional
includedRegionCodes ঐচ্ছিক	ধরন: Array<string> optional
internalUsageAttributionIds ঐচ্ছিক	ধরন: Iterable<string> optional
locationBias ঐচ্ছিক	ধরন: LocationBias optional
locationRestriction ঐচ্ছিক	ধরন: LocationRestriction optional
maxlength ঐচ্ছিক	ধরন: number optional
name ঐচ্ছিক	ধরন: string optional
noClearButton ঐচ্ছিক	ধরন: boolean optional
noInputIcon ঐচ্ছিক	ধরন: boolean optional
origin ঐচ্ছিক	ধরন: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
placeholder ঐচ্ছিক	ধরন: string optional
pureServiceAreaBusinessesIncluded ঐচ্ছিক	ধরন: boolean optional
readonly ঐচ্ছিক	ধরন: boolean optional
requestedLanguage ঐচ্ছিক	ধরন: string optional
requestedRegion ঐচ্ছিক	ধরন: string optional
unitSystem ঐচ্ছিক	ধরন: UnitSystem optional
value ঐচ্ছিক	ধরন: string optional ইনপুট এলিমেন্টের ভ্যালু।

PlacePredictionSelectEvent ক্লাস

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

ব্যবহারকারী PlaceAutocompleteElement-এর মাধ্যমে কোনও পূর্বাভাসের আইটেম বেছে নেওয়ার পরে এই ইভেন্ট তৈরি হয়। event.placePrediction-এর মাধ্যমে বেছে নেওয়া আইটেম অ্যাক্সেস করুন।

PlacePrediction.toPlace-এ কল করে placePrediction-কে Place-এ কনভার্ট করুন।

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

প্রপার্টি
placePrediction readonly	ধরন: PlacePrediction PlacePrediction.toPlace-এ কল করে এটিকে Place-এ কনভার্ট করুন।

BasicPlaceAutocompleteElement ক্লাস

class google.maps.places.BasicPlaceAutocompleteElement extends HTMLElement implements BasicPlaceAutocompleteElementOptions
library "places"

BasicPlaceAutocompleteElement হল একটি HTMLElement সাবক্লাস যা Places Autocomplete API-এর জন্য একটি UI কম্পোনেন্ট প্রদান করে।

<gmp-basic-place-autocomplete
  description="string"
  disabled
  future-opening-businesses-included
  included-primary-types="type1 type2 type3..."
  included-region-codes="c1 c2 c3..."
  internal-usage-attribution-ids="space separated strings"
  maxlength="number"
  name="string"
  no-clear-button
  no-input-icon
  origin="lat,lng"
  placeholder="string"
  pure-service-area-businesses-included
  readonly
  requested-language="string"
  requested-region="string"
  unit-system="value-name">
</gmp-basic-place-autocomplete>

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

নির্মাণকারী
BasicPlaceAutocompleteElement	BasicPlaceAutocompleteElement([options]) প্যারামিটার: options: BasicPlaceAutocompleteElementOptions optional

প্রপার্টি
description attr: description	ধরন: string optional ইনপুট এলিমেন্টের জন্য ব্যবহার করার বিবরণ। ইনপুট এলিমেন্ট ফোকাস করা হলে স্ক্রিন রিডার এটি শনাক্ত করবে। বিস্তারিত জানতে https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-describedby দেখুন। HTML অ্যাট্রিবিউট: description="string"
disabled attr: disabled	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean ইনপুট এলিমেন্ট বন্ধ করা আছে কিনা। বিস্তারিত জানতে https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#disabled দেখুন। HTML অ্যাট্রিবিউট: disabled
futureOpeningBusinessesIncluded attr: future-opening-businesses-included	ধরন: boolean optional এখনও খোলা হয়নি কিন্তু ভবিষ্যতে খোলা হবে বলে আশা করা হচ্ছে এমন জায়গা অন্তর্ভুক্ত করা হবে কিনা। HTML অ্যাট্রিবিউট: future-opening-businesses-included
includedPrimaryTypes attr: included-primary-types	ধরন: Array<string> optional অন্তর্ভুক্ত করা প্রাথমিক জায়গার ধরন (যেমন, "রেস্তোরাঁ" বা "gas_station")। কোনও জায়গার প্রাথমিক ধরন এই তালিকায় অন্তর্ভুক্ত থাকলে তবেই সেটি দেখানো হয়। সর্বাধিক ৫টি ভ্যালু উল্লেখ করা যেতে পারে। কোনও ধরন উল্লেখ করা না থাকলে, সব ধরনের জায়গা দেখানো হয়। HTML অ্যাট্রিবিউট: included-primary-types="type1 type2 type3..."
includedRegionCodes attr: included-region-codes	ধরন: Array<string> optional শুধুমাত্র নির্দিষ্ট অঞ্চলে ফলাফল অন্তর্ভুক্ত করুন, যা সর্বাধিক ১৫টি CLDR দুই-অক্ষরের অঞ্চল কোড হিসেবে নির্দিষ্ট করা হয়েছে। ফাঁকা সেট ফলাফলকে সীমাবদ্ধ করবে না। locationRestriction এবং includedRegionCodes, দুটিই সেট করা থাকলে, ইন্টারসেকশন এলাকায় ফলাফল দেখানো হবে। HTML অ্যাট্রিবিউট: included-region-codes="c1 c2 c3..."
internalUsageAttributionIds attr: internal-usage-attribution-ids	ইনপুটের ধরন: Iterable<string> optional আউটপুটের ধরন: Array<string> optional নির্দিষ্ট প্যাকেজ বা OSS লাইব্রেরিতে কল অ্যাট্রিবিউট করার জন্য ব্যবহৃত শনাক্তকারী। HTML অ্যাট্রিবিউট: internal-usage-attribution-ids="space separated strings"
locationBias	ধরন: LocationBias optional কোনও জায়গা সার্চ করার সময় ব্যবহার করার জন্য একটি সফট বাউন্ডারি বা ইঙ্গিত।
locationRestriction	ধরন: LocationRestriction optional সার্চ ফলাফল সীমাবদ্ধ করার জন্য বাউন্ড।
maxlength attr: maxlength	ধরন: number optional ব্যবহারকারী সর্বাধিক যতগুলি অক্ষর লিখতে পারবেন। আরও বিবরণের জন্য https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength দেখুন। HTML অ্যাট্রিবিউট: maxlength="number"
name attr: name	ধরন: string optional ইনপুট এলিমেন্টের জন্য ব্যবহার করা হবে এমন নাম। বিস্তারিত জানতে https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name দেখুন। ইনপুটের জন্য নাম অ্যাট্রিবিউটের মতো একই আচরণ অনুসরণ করে। মনে রাখবেন, ফর্ম জমা দেওয়ার সময় এই নামটি ব্যবহার করা হবে। আরও তথ্যের জন্য https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form দেখুন। HTML অ্যাট্রিবিউট: name="string"
noClearButton attr: no-clear-button	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean 'মুছে দিন' বোতাম লুকানো হবে কিনা। HTML অ্যাট্রিবিউট: no-clear-button
noInputIcon attr: no-input-icon	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean ইনপুট আইকন লুকানো হবে কিনা। HTML অ্যাট্রিবিউট: no-input-icon
origin attr: origin	ইনপুটের ধরন: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional আউটপুটের ধরন: LatLngAltitude optional যেখান থেকে দূরত্ব গণনা করা হবে। উল্লেখ করা না থাকলে, দূরত্ব গণনা করা হয় না। উচ্চতা দেওয়া থাকলেও, তা গণনার সময় ব্যবহার করা হয় না। HTML অ্যাট্রিবিউট: origin="lat,lng" origin="lat,lng,altitude"
placeholder attr: placeholder	ধরন: string optional ইনপুট এলিমেন্টের জন্য ব্যবহার করার প্লেসহোল্ডার টেক্সট। বিস্তারিত জানতে https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder দেখুন। HTML অ্যাট্রিবিউট: placeholder="string"
pureServiceAreaBusinessesIncluded attr: pure-service-area-businesses-included	ধরন: boolean optional শুধুমাত্র পরিষেবা প্রদানকারী ব্যবসা অন্তর্ভুক্ত করা হবে কিনা। HTML অ্যাট্রিবিউট: pure-service-area-businesses-included
readonly attr: readonly	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean ইনপুট এলিমেন্টটি শুধু পাঠযোগ্য কিনা। আরও বিবরণের জন্য https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly দেখুন। HTML অ্যাট্রিবিউট: readonly
requestedLanguage attr: requested-language	ধরন: string optional সম্ভব হলে, যে ভাষায় ফলাফল দেখানো উচিত সেই ভাষার জন্য একটি ভাষা শনাক্তকারী। বেছে নেওয়া ভাষায় ফলাফলকে আরও বেশি র‍্যাঙ্কিং দেওয়া হতে পারে, তবে সাজেশন এই ভাষার মধ্যে সীমাবদ্ধ নয়। অনুমোদিত ভাষার তালিকা দেখুন। HTML অ্যাট্রিবিউট: requested-language="string"
requestedRegion attr: requested-region	ধরন: string optional ফলাফল ফর্ম্যাট ও ফিল্টার করার জন্য ব্যবহৃত অঞ্চল কোড। এটি এই দেশের জন্য সাজেশন সীমিত করে না। অঞ্চল কোডে ccTLD ("টপ-লেভেল ডোমেন") দুই-অক্ষরের মান গ্রহণ করা হয়। বেশিরভাগ ccTLD কোড ISO 3166-1 কোডের মতোই হয়, তবে কিছু ব্যতিক্রম আছে। যেমন, যুক্তরাজ্যের ccTLD হল "uk" (.co.uk) এবং এর ISO 3166-1 কোড হল "gb" (টেকনিক্যালি "গ্রেট ব্রিটেন ও উত্তর আয়ারল্যান্ডের যুক্তরাজ্য" এন্টিটির জন্য)। HTML অ্যাট্রিবিউট: requested-region="string"
unitSystem attr: unit-system	ইনপুটের ধরন: UnitSystem optional আউটপুটের ধরন: UnitSystem optional দূরত্ব দেখানোর জন্য ব্যবহৃত ইউনিট সিস্টেম। উল্লেখ করা না থাকলে, requestedRegion-এর মাধ্যমে ইউনিট সিস্টেম নির্ধারণ করা হয়। HTML অ্যাট্রিবিউট: unit-system="value-name"

স্লট
clear-icon	ক্লিয়ার আইকনের পজিশনে স্লট করা এলিমেন্ট রাখে। ইনপুটে টেক্সট থাকলে ইনপুট বক্সের শেষে 'মুছে দিন' বোতামটি দেখানো হয়।
input-icon	ইনপুট আইকনের পজিশনে স্লট করা এলিমেন্ট রাখে। ইনলাইন মোডে ইনপুট বক্সের শুরুতে ইনপুট আইকন দেখানো হয়।
prediction-item-icon	এই স্লটে ঠিক একটি <template> এলিমেন্ট গ্রহণ করা হয় যা প্রেডিকশন আইটেমের পাশে দেখানো আইকন হিসেবে রেন্ডার করা হয়।

পার্টস
focus-ring	ফোকাস করা এলিমেন্টের (ইনপুট বা পূর্বাভাসের আইটেম) চারপাশে ফোকাস রিং দেখানোর জন্য ব্যবহৃত এলিমেন্ট
input	অটো-কমপ্লিট এলিমেন্টের জন্য ইনপুট এলিমেন্ট।
prediction-item	পূর্বাভাসের ড্রপ-ডাউনে থাকা একটি আইটেম যা একটি পূর্বাভাসকে দেখায়।
prediction-item-icon	পূর্বানুমানের তালিকায় প্রতিটি আইটেমের বাঁদিকে দেখানো আইকন।
prediction-item-main-text	পূর্বাভাস-আইটেমের একটি অংশ যা পূর্বাভাসের মূল টেক্সট। ভৌগোলিক লোকেশনের ক্ষেত্রে, এতে 'সিডনি'-র মতো কোনও জায়গার নাম অথবা '১০ কিং স্ট্রিট'-এর মতো কোনও রাস্তার নাম ও নম্বর থাকে। ডিফল্ট হিসেবে, prediction-item-main-text-এর রঙ কালো হয়। prediction-item-এ কোনও অতিরিক্ত টেক্সট থাকলে, সেটি prediction-item-main-text-এর বাইরে থাকে এবং prediction-item থেকে এর স্টাইলিং ইনহেরিট করে। ডিফল্ট হিসেবে এটি ধূসর রঙের হয়। অতিরিক্ত টেক্সট সাধারণত একটি ঠিকানা হয়।
prediction-item-match	ব্যবহারকারীর ইনপুটের সাথে মিলে যাওয়া রিটার্ন করা পূর্বাভাসের অংশ। ডিফল্ট হিসেবে, এই ম্যাচ করা টেক্সট মোটা হরফে হাইলাইট করা হয়। মনে রাখবেন যে ম্যাচ করা টেক্সট শুধুমাত্র prediction-item-main-text-এর মধ্যে হাইলাইট করা হয়।
prediction-item-nonmatch	পূর্বানুমান করা মূল টেক্সটের যে অংশ ব্যবহারকারীর ইনপুটের সাথে মেলে না।
prediction-item-secondary-text	পূর্বানুমান-আইটেমের অংশ যা পূর্বানুমানের সেকেন্ডারি টেক্সট। অতিরিক্ত টেক্সট সাধারণত একটি ঠিকানা হয়।
prediction-item-selected	ব্যবহারকারী কীবোর্ডের মাধ্যমে আইটেমে নেভিগেট করলে। মনে রাখবেন: বেছে নেওয়া আইটেম এই পার্ট স্টাইল এবং প্রেডিকশন-আইটেম পার্ট স্টাইল, দুটির মাধ্যমেই প্রভাবিত হবে।
prediction-list	ভিজ্যুয়াল এলিমেন্ট যাতে Place Autocomplete পরিষেবার মাধ্যমে পাওয়া পূর্বাভাসের তালিকা থাকে। এই তালিকাটি PlaceAutocompleteElement-এর নিচে ড্রপডাউন তালিকা হিসেবে দেখা যায়।

CSS প্রপার্টি
background-color	এলিমেন্টের ব্যাকগ্রাউন্ডের রঙ ওভাররাইড করে।
border	এলিমেন্টের বর্ডার ওভাররাইড করে।
border-radius	এলিমেন্টের বর্ডার ব্যাসার্ধ ওভাররাইড করে।
color	এলিমেন্টের ফন্ট ওভাররাইড করে।
color-scheme	এই এলিমেন্টটি কোন রঙের স্কিমে রেন্ডার করা যেতে পারে তা নির্দেশ করে। আরও বিবরণের জন্য color-scheme ডকুমেন্টেশন দেখুন। ডিফল্ট হিসেবে color-scheme: light dark সেট করা থাকে।
font	এলিমেন্টের ফন্ট ওভাররাইড করে।
font-family	এলিমেন্টের ফন্ট ওভাররাইড করে।
font-size	এলিমেন্টের ফন্ট ওভাররাইড করে।
font-style	এলিমেন্টের ফন্ট ওভাররাইড করে।
font-weight	এলিমেন্টের ফন্ট ওভাররাইড করে।
line-height	এলিমেন্টের ফন্ট ওভাররাইড করে।

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

ইভেন্ট
gmp-error	function(errorEvent) আর্গুমেন্ট: errorEvent: Event optional ব্যাকএন্ডে করা অনুরোধ বাতিল করা হলে এই ইভেন্টটি ফায়ার করা হয় (যেমন, ভুল API কী)। এই ইভেন্ট বাবল করে না।
gmp-select	function(placeSelectEvent) আর্গুমেন্ট: placeSelectEvent: PlaceSelectEvent optional ব্যবহারকারী কোনও জায়গার পূর্বাভাস বেছে নিলে এই ইভেন্ট ট্রিগার হয়। এতে একটি Place অবজেক্ট আছে।

BasicPlaceAutocompleteElementOptions ইন্টারফেস

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

BasicPlaceAutocompleteElement তৈরি করার বিকল্প।

প্রপার্টি
description ঐচ্ছিক	ধরন: string optional ইনপুট এলিমেন্টের জন্য ব্যবহার করার বিবরণ। ইনপুট এলিমেন্ট ফোকাস করা হলে স্ক্রিন রিডার এটি শনাক্ত করবে।
disabled ঐচ্ছিক	ধরন: boolean optional
futureOpeningBusinessesIncluded ঐচ্ছিক	ধরন: boolean optional
includedPrimaryTypes ঐচ্ছিক	ধরন: Array<string> optional
includedRegionCodes ঐচ্ছিক	ধরন: Array<string> optional
internalUsageAttributionIds ঐচ্ছিক	ধরন: Iterable<string> optional
locationBias ঐচ্ছিক	ধরন: LocationBias optional
locationRestriction ঐচ্ছিক	ধরন: LocationRestriction optional
maxlength ঐচ্ছিক	ধরন: number optional
name ঐচ্ছিক	ধরন: string optional
noClearButton ঐচ্ছিক	ধরন: boolean optional
noInputIcon ঐচ্ছিক	ধরন: boolean optional
origin ঐচ্ছিক	ধরন: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
placeholder ঐচ্ছিক	ধরন: string optional
pureServiceAreaBusinessesIncluded ঐচ্ছিক	ধরন: boolean optional
readonly ঐচ্ছিক	ধরন: boolean optional
requestedLanguage ঐচ্ছিক	ধরন: string optional
requestedRegion ঐচ্ছিক	ধরন: string optional
unitSystem ঐচ্ছিক	ধরন: UnitSystem optional

PlaceDetailsElement class

class google.maps.places.PlaceDetailsElement extends HTMLElement implements PlaceDetailsElementOptions
extended by AdvancedPlaceDetailsElement
library "places"

সম্পূর্ণ লেআউটে কোনও জায়গার বিবরণ দেখায়। যে জায়গাটি রেন্ডার করতে হবে সেটি নির্দিষ্ট করতে PlaceDetailsPlaceRequestElement বা PlaceDetailsLocationRequestElement যোগ করুন। কোন কন্টেন্ট রেন্ডার করতে হবে তা নির্দিষ্ট করতে PlaceContentConfigElement, PlaceStandardContentElement বা PlaceAllContentElement যোগ করুন।

উদাহরণ:

 <gmp-place-details>
   <gmp-place-details-place-request
     place="PLACE_ID"
   ></gmp-place-details-place-request>
   <gmp-place-content-config>
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </gmp-place-content-config>
 </gmp-place-details> 

এই এলিমেন্ট ব্যবহার করতে, Google Cloud কনসোলে আপনার প্রোজেক্টের জন্য Places UI Kit API চালু করুন।

<gmp-place-details
  internal-usage-attribution-ids="space separated strings">
</gmp-place-details>

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

নির্মাণকারী
PlaceDetailsElement	PlaceDetailsElement([options]) প্যারামিটার: options: PlaceDetailsElementOptions optional

প্রপার্টি
internalUsageAttributionIds attr: internal-usage-attribution-ids	ইনপুটের ধরন: Iterable<string> optional আউটপুটের ধরন: Array<string> optional নির্দিষ্ট প্যাকেজ বা OSS লাইব্রেরিতে কল অ্যাট্রিবিউট করার জন্য ব্যবহৃত শনাক্তকারী। HTML অ্যাট্রিবিউট: internal-usage-attribution-ids="space separated strings"
place readonly	ধরন: Place optional শুধু পড়া যাবে। বর্তমানে রেন্ডার করা জায়গার আইডি, লোকেশন ও ভিউপোর্ট সহ অবজেক্ট রাখুন।

CSS প্রপার্টি
--gmp-button-border-color	"Maps-এ খুলুন" বোতামের বর্ডারের রঙ।
--gmp-button-border-radius	"Maps-এ খুলুন" বোতামের বর্ডার রেডিয়াস।
--gmp-button-border-width	"Maps-এ খুলুন" বোতামের বর্ডার প্রস্থ।
--gmp-collage-border-radius-outer	মিডিয়া কোলাজের বাইরের কোণের বর্ডার রেডিয়াস।
--gmp-dialog-border-radius	Google Maps ডিসক্লোজার ডায়ালগের বর্ডার রেডিয়াস।
--gmp-mat-color-disabled-surface	বন্ধ থাকা অবস্থা বা অনুপস্থিতি বোঝাতে সারফেসের রঙ ব্যবহার করা হয়। খালি রিভিউ স্টারের জন্য ব্যবহার করা হয়।
--gmp-mat-color-info	তথ্যমূলক সেন্টিমেন্ট সহ UI এলিমেন্টের রঙ। হুইলচেয়ার আইকনের জন্য ব্যবহার করা হয়।
--gmp-mat-color-negative	নেতিবাচক সেন্টিমেন্ট সহ UI এলিমেন্টের রঙ। এখন খোলা আছে স্ট্যাটাসে "বন্ধ" টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-color-neutral-container	নিউট্রাল ফিল করা UI এলিমেন্টের জন্য কন্টেনারের রঙ। ছবির প্লেসহোল্ডার এবং রিভিউ প্রকাশের তারিখের ব্যাজের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-neutral-container	নিউট্রাল কন্টেনারের রঙের বিপরীতে টেক্সট ও আইকনের রঙ। রিভিউ প্রকাশের তারিখের ব্যাজ এবং EV চার্জার উপলভ্য না থাকলে, উপলভ্যতা সংক্রান্ত ব্যাজের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-positive-container	পজিটিভ কন্টেনারের রঙের বিপরীতে টেক্সট ও আইকনের রঙ। উপলভ্য থাকলে, EV চার্জার উপলভ্যতা ব্যাজের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-secondary-container	সেকেন্ডারি কন্টেনারের রঙের বিপরীতে টেক্সট ও আইকনের রঙ। "Maps-এ খুলুন" বোতামে টেক্সট ও আইকনের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-surface	যেকোনও সারফেস কালারের বিপরীতে টেক্সট ও আইকনের রঙ। সাধারণ টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-surface-variant	যেকোনও সারফেস রঙের বিপরীতে টেক্সট ও আইকনের জন্য কম-হাইলাইট করা রঙ। কম জোর দেওয়া টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-color-outline-decorative	ইন্টার‍্যাক্টিভ নয় এমন এলিমেন্টের আউটলাইনের রঙ। এলিমেন্টের বর্ডারের জন্য ব্যবহার করা হয়।
--gmp-mat-color-positive	ইতিবাচক মনোভাব সহ UI এলিমেন্টের রঙ। "এখন খোলা আছে" স্ট্যাটাসে "খোলা" টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-color-positive-container	ইতিবাচক অনুভূতি প্রকাশ করে এমন UI এলিমেন্টের জন্য কন্টেনারের রঙ। উপলভ্য থাকলে, EV চার্জার উপলভ্যতা ব্যাজের জন্য ব্যবহার করা হয়।
--gmp-mat-color-primary	সারফেসের রঙের বিপরীতে ইন্টার‍্যাক্টিভ টেক্সট ও আইকনের রঙ। রিভিউয়ের সংখ্যা, Google Maps ডিসক্লোজার ডায়ালগের লিঙ্ক, ওয়েবসাইটের লিঙ্ক, ওভারভিউ ট্যাবের আইকন এবং ট্যাব বারের টাইটেলে (হোভার / ফোকাস / টেক্সটের রঙ) ব্যবহার করা হয়।
--gmp-mat-color-secondary-container	টোনাল বোতামের মতো রিসেসিভ কম্পোনেন্টের জন্য সারফেসের তুলনায় কম উজ্জ্বল ভরাট করার রঙ। "Maps-এ খুলুন" বোতামের ব্যাকগ্রাউন্ডের জন্য ব্যবহার করা হয়।
--gmp-mat-color-surface	ব্যাকগ্রাউন্ডের রঙ। এলিমেন্টের ব্যাকগ্রাউন্ড এবং Google Maps ডিসক্লোজার ডায়ালগের জন্য ব্যবহার করা হয়।
--gmp-mat-font-body-medium	Google Maps ডিসক্লোজার ডায়ালগে জায়গার ঠিকানা, রেটিং, ধরন, দাম, এখন খোলা আছে কিনা, খোলা থাকার সময়, রিভিউ, ফোন নম্বর, ওয়েবসাইট, Plus Code, সেরা ফিচার ও বডি টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-font-body-small	'সম্পর্কে' ট্যাবের ফিচার তালিকায় বডি টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-font-display-small	'সম্পর্কে' ট্যাবে জায়গার নাম এবং প্রতিটি ফিচার হেডিংয়ের টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-font-family	সব টেক্সটের জন্য ব্যবহৃত বেস ফন্ট ফ্যামিলি।
--gmp-mat-font-headline-medium	Google Maps ডিসক্লোজার ডায়ালগে হেডিং টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-font-label-large	ট্যাবের শীর্ষক, "Maps-এ খুলুন" বোতাম, ফটো গ্যালারিতে রিভিউয়ার অ্যাট্রিবিউশন টেক্সট, রিভিউ বিভাগে রিভিউয়ার অ্যাট্রিবিউশন টেক্সট এবং Google Maps ডিসক্লোজার ডায়ালগে লিঙ্কের জন্য ব্যবহার করা হয়।
--gmp-mat-font-label-medium	ফটো গণনা ব্যাজ এবং রিভিউ প্রকাশের তারিখ ব্যাজের জন্য ব্যবহার করা হয়।
--gmp-mat-font-title-small	'সম্পর্কে' ট্যাবের প্রতিটি বিভাগের শীর্ষকের জন্য ব্যবহার করা হয়।
--gmp-mat-spacing-extra-large	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-extra-small	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-large	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-medium	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-small	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-two-extra-large	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-star-rating-color	রেটিংয়ে ভরাট করা স্টারের রঙ।
background-color	এলিমেন্টের ব্যাকগ্রাউন্ডের রঙ ওভাররাইড করে।
border	এলিমেন্টের বর্ডার ওভাররাইড করে।
border-radius	এলিমেন্টের বর্ডার ব্যাসার্ধ ওভাররাইড করে।
color-scheme	এই এলিমেন্টটি কোন রঙের স্কিমে রেন্ডার করা যেতে পারে তা নির্দেশ করে। আরও বিবরণের জন্য color-scheme ডকুমেন্টেশন দেখুন। ডিফল্ট হিসেবে color-scheme: light dark সেট করা থাকে।
font-size	এলিমেন্টের সব টেক্সট ও আইকন স্কেল করে, যা ems-এ ইন্টার্নালি সংজ্ঞায়িত করা হয়। ডিফল্ট হিসেবে 16px সেট করা থাকে।

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

ইভেন্ট
gmp-error	function(event) আর্গুমেন্ট: event: Event optional ব্যাকএন্ডে করা অনুরোধ বাতিল করা হলে এই ইভেন্টটি ফায়ার করা হয় (যেমন, ভুল API কী)। এই ইভেন্ট বাবল করে না।
gmp-load	function(event) আর্গুমেন্ট: event: Event optional এলিমেন্ট লোড হয়ে কন্টেন্ট রেন্ডার করলে এই ইভেন্ট ট্রিগার হয়। এই ইভেন্ট বাবল করে না।

PlaceDetailsElementOptions ইন্টারফেস

ইন্টারফেস google.maps.places.PlaceDetailsElementOptions
AdvancedPlaceDetailsElementOptions দ্বারা এক্সটেন্ড করা হয়েছে
AdvancedPlaceDetailsElement, PlaceDetailsElement দ্বারা প্রয়োগ করা হয়েছে

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

প্রপার্টি
internalUsageAttributionIds ঐচ্ছিক	ধরন: Iterable<string> optional নির্দিষ্ট প্যাকেজ বা OSS লাইব্রেরিতে কল অ্যাট্রিবিউট করার জন্য ব্যবহৃত শনাক্তকারী।

PlaceDetailsCompactElement class

class google.maps.places.PlaceDetailsCompactElement extends HTMLElement implements PlaceDetailsCompactElementOptions
extended by AdvancedPlaceDetailsCompactElement
library "places"

কমপ্যাক্ট লেআউটে কোনও জায়গার বিবরণ দেখায়। যে জায়গাটি রেন্ডার করতে হবে সেটি নির্দিষ্ট করতে PlaceDetailsPlaceRequestElement বা PlaceDetailsLocationRequestElement যোগ করুন। কোন কন্টেন্ট রেন্ডার করতে হবে তা নির্দিষ্ট করতে PlaceContentConfigElement, PlaceStandardContentElement বা PlaceAllContentElement যোগ করুন।

উদাহরণ:

 <gmp-place-details-compact>
   <gmp-place-details-place-request
     place="PLACE_ID"
   ></gmp-place-details-place-request>
   <gmp-place-content-config>
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </gmp-place-content-config>
 </gmp-place-details-compact> 

এই এলিমেন্ট ব্যবহার করতে, Google Cloud কনসোলে আপনার প্রোজেক্টের জন্য Places UI Kit API চালু করুন।

<gmp-place-details-compact
  internal-usage-attribution-ids="space separated strings"
  orientation="value-name"
  truncation-preferred>
</gmp-place-details-compact>

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

নির্মাণকারী
PlaceDetailsCompactElement	PlaceDetailsCompactElement([options]) প্যারামিটার: options: PlaceDetailsCompactElementOptions optional

প্রপার্টি
internalUsageAttributionIds attr: internal-usage-attribution-ids	ইনপুটের ধরন: Iterable<string> optional আউটপুটের ধরন: Array<string> optional নির্দিষ্ট প্যাকেজ বা OSS লাইব্রেরিতে কল অ্যাট্রিবিউট করার জন্য ব্যবহৃত শনাক্তকারী। HTML অ্যাট্রিবিউট: internal-usage-attribution-ids="space separated strings"
orientation attr: orientation	ধরন: PlaceDetailsOrientation optional ডিফল্ট: PlaceDetailsOrientation.VERTICAL এলিমেন্টের ওরিয়েন্টেশন ভেরিয়েন্ট (উল্লম্ব বা অনুভূমিক)। HTML অ্যাট্রিবিউট: orientation="value-name"
place readonly	ধরন: Place optional শুধু পড়া যাবে। বর্তমানে রেন্ডার করা জায়গার আইডি, লোকেশন ও ভিউপোর্ট সহ অবজেক্ট রাখুন।
truncationPreferred attr: truncation-preferred	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean ডিফল্ট: false সত্য হলে, জায়গার নাম ও ঠিকানা র‍্যাপ করার পরিবর্তে এক লাইনে ফিট করার জন্য ট্রাঙ্কেট করে। HTML অ্যাট্রিবিউট: truncation-preferred

CSS প্রপার্টি
--gmp-button-border-color	"Maps-এ খুলুন" বোতামের বর্ডারের রঙ।
--gmp-button-border-radius	"Maps-এ খুলুন" বোতামের বর্ডার রেডিয়াস।
--gmp-button-border-width	"Maps-এ খুলুন" বোতামের বর্ডার প্রস্থ।
--gmp-dialog-border-radius	Google Maps ডিসক্লোজার ডায়ালগের বর্ডার রেডিয়াস।
--gmp-mat-color-info	তথ্যমূলক সেন্টিমেন্ট সহ UI এলিমেন্টের রঙ। হুইলচেয়ার আইকনের জন্য ব্যবহার করা হয়।
--gmp-mat-color-negative	নেতিবাচক সেন্টিমেন্ট সহ UI এলিমেন্টের রঙ। এখন খোলা আছে স্ট্যাটাসে "বন্ধ" টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-color-neutral-container	নিউট্রাল ফিল করা UI এলিমেন্টের জন্য কন্টেনারের রঙ। ছবির প্লেসহোল্ডারের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-secondary-container	সেকেন্ডারি কন্টেনারের রঙের বিপরীতে টেক্সট ও আইকনের রঙ। "Maps-এ খুলুন" বোতামে টেক্সট ও আইকনের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-surface	যেকোনও সারফেস কালারের বিপরীতে টেক্সট ও আইকনের রঙ। সাধারণ টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-surface-variant	যেকোনও সারফেস রঙের বিপরীতে টেক্সট ও আইকনের জন্য কম-হাইলাইট করা রঙ। কম জোর দেওয়া টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-color-outline-decorative	ইন্টার‍্যাক্টিভ নয় এমন এলিমেন্টের আউটলাইনের রঙ। এলিমেন্টের বর্ডারের জন্য ব্যবহার করা হয়।
--gmp-mat-color-positive	ইতিবাচক মনোভাব সহ UI এলিমেন্টের রঙ। "এখন খোলা আছে" স্ট্যাটাসে "খোলা" টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-color-primary	সারফেসের রঙের বিপরীতে ইন্টার‍্যাক্টিভ টেক্সট ও আইকনের রঙ। রিভিউয়ের সংখ্যা এবং Google Maps ডিসক্লোজার ডায়ালগে লিঙ্ক হিসেবে ব্যবহার করা হয়।
--gmp-mat-color-secondary-container	টোনাল বোতামের মতো রিসেসিভ কম্পোনেন্টের জন্য সারফেসের তুলনায় কম উজ্জ্বল ভরাট করার রঙ। "Maps-এ খুলুন" বোতামের ব্যাকগ্রাউন্ডের জন্য ব্যবহার করা হয়।
--gmp-mat-color-surface	ব্যাকগ্রাউন্ডের রঙ। এলিমেন্টের ব্যাকগ্রাউন্ড এবং Google Maps ডিসক্লোজার ডায়ালগের জন্য ব্যবহার করা হয়।
--gmp-mat-font-body-medium	Google Maps-এর ডিসক্লোজার ডায়ালগের মূল টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-font-body-small	জায়গার ঠিকানা, রেটিং, ধরন, দাম এবং এখন খোলা আছে কিনা তা জানতে ব্যবহার করা হয়।
--gmp-mat-font-family	সব টেক্সটের জন্য ব্যবহৃত বেস ফন্ট ফ্যামিলি।
--gmp-mat-font-headline-medium	Google Maps ডিসক্লোজার ডায়ালগে হেডিং টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-font-label-large	"Maps-এ খুলুন" বোতামের পাশাপাশি Google Maps ডিসক্লোজার ডায়ালগের লিঙ্ক এবং ফটো গ্যালারিতে রিভিউয়ার অ্যাট্রিবিউশন টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-font-label-medium	ফটো গণনা ব্যাজের জন্য ব্যবহৃত।
--gmp-mat-font-title-small	জায়গার নামের জন্য ব্যবহার করা হয়।
--gmp-mat-spacing-extra-small	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-large	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-medium	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-small	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-star-rating-color	রেটিংয়ে ভরাট করা স্টারের রঙ।
--gmp-thumbnail-border-radius	জায়গার থাম্বনেল ছবির বর্ডার ব্যাসার্ধ।
background-color	এলিমেন্টের ব্যাকগ্রাউন্ডের রঙ ওভাররাইড করে।
border	এলিমেন্টের বর্ডার ওভাররাইড করে।
border-radius	এলিমেন্টের বর্ডার ব্যাসার্ধ ওভাররাইড করে।
color-scheme	এই এলিমেন্টটি কোন রঙের স্কিমে রেন্ডার করা যেতে পারে তা নির্দেশ করে। আরও বিবরণের জন্য color-scheme ডকুমেন্টেশন দেখুন। ডিফল্ট হিসেবে color-scheme: light dark সেট করা থাকে।
font-size	এলিমেন্টের সব টেক্সট ও আইকন স্কেল করে, যা ems-এ ইন্টার্নালি সংজ্ঞায়িত করা হয়। ডিফল্ট হিসেবে 16px সেট করা থাকে।

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

ইভেন্ট
gmp-error	function(event) আর্গুমেন্ট: event: Event optional ব্যাকএন্ডে করা অনুরোধ বাতিল করা হলে এই ইভেন্টটি ফায়ার করা হয় (যেমন, ভুল API কী)। এই ইভেন্ট বাবল করে না।
gmp-load	function(event) আর্গুমেন্ট: event: Event optional এলিমেন্ট লোড হয়ে কন্টেন্ট রেন্ডার করলে এই ইভেন্ট ট্রিগার হয়। এই ইভেন্ট বাবল করে না।

PlaceDetailsCompactElementOptions ইন্টারফেস

ইন্টারফেস google.maps.places.PlaceDetailsCompactElementOptions
AdvancedPlaceDetailsCompactElementOptions দ্বারা এক্সটেন্ড করা হয়েছে
AdvancedPlaceDetailsCompactElement, PlaceDetailsCompactElement দ্বারা প্রয়োগ করা হয়েছে

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

প্রপার্টি
internalUsageAttributionIds ঐচ্ছিক	ধরন: Iterable<string> optional নির্দিষ্ট প্যাকেজ বা OSS লাইব্রেরিতে কল অ্যাট্রিবিউট করার জন্য ব্যবহৃত শনাক্তকারী।
orientation ঐচ্ছিক	ধরন: PlaceDetailsOrientation optional PlaceDetailsCompactElement.orientation দেখুন।
truncationPreferred ঐচ্ছিক	ধরন: boolean optional PlaceDetailsCompactElement.truncationPreferred দেখুন।

AdvancedPlaceDetailsElement ক্লাস

class google.maps.places.AdvancedPlaceDetailsElement extends PlaceDetailsElement, HTMLElement implements AdvancedPlaceDetailsElementOptions, PlaceDetailsElementOptions
library "places"

সম্পূর্ণ লেআউটে কোনও জায়গার বিবরণ দেখায়। যে জায়গাটি রেন্ডার করতে হবে সেটি নির্দিষ্ট করতে PlaceDetailsPlaceRequestElement বা PlaceDetailsLocationRequestElement যোগ করুন। রেন্ডার করার জন্য কন্টেন্ট কনফিগার করতে সরাসরি PlaceStandardContentElement, PlaceAllContentElement বা জায়গার বিবরণ সংক্রান্ত এলিমেন্ট যোগ করুন।

উদাহরণ:

 <gmp-advanced-place-details>
   <gmp-place-details-place-request
     place="PLACE_ID"
   ></gmp-place-details-place-request>
   <gmp-place-standard-content>
   </gmp-place-standard-content>
 </gmp-advanced-place-details> 

এই এলিমেন্ট ব্যবহার করতে, Google Cloud কনসোলে আপনার প্রোজেক্টের জন্য Places UI Kit API চালু করুন।

<gmp-advanced-place-details
  internal-usage-attribution-ids="space separated strings">
</gmp-advanced-place-details>

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

নির্মাণকারী
AdvancedPlaceDetailsElement	AdvancedPlaceDetailsElement([options]) প্যারামিটার: options: AdvancedPlaceDetailsElementOptions optional

প্রপার্টি
internalUsageAttributionIds attr: internal-usage-attribution-ids	ইনপুটের ধরন: Iterable<string> optional আউটপুটের ধরন: Array<string> optional নির্দিষ্ট প্যাকেজ বা OSS লাইব্রেরিতে কল অ্যাট্রিবিউট করার জন্য ব্যবহৃত শনাক্তকারী। HTML অ্যাট্রিবিউট: internal-usage-attribution-ids="space separated strings"
place readonly	ধরন: Place optional শুধু পড়া যাবে। বর্তমানে রেন্ডার করা জায়গার আইডি, লোকেশন ও ভিউপোর্ট সহ অবজেক্ট রাখুন।

স্লট
action-corner	PlaceLinkElement ও PlaceButtonElement-এর জন্য একটি স্লট।
action-main	PlaceLinkElement ও PlaceButtonElement-এর জন্য একটি স্লট।
basic-section-bottom	বিজ্ঞপ্তি: শুধুমাত্র v=alpha চ্যানেলে উপলভ্য। প্রাথমিক তথ্য বিভাগের নিচে, সরাসরি প্রধান অ্যাকশন বোতামের নিচে কাস্টম HTML কন্টেন্টের জন্য একটি স্লট।
basic-section-top	বিজ্ঞপ্তি: শুধুমাত্র v=alpha চ্যানেলে উপলভ্য। বেসিক তথ্য বিভাগে কাস্টম HTML কন্টেন্টের জন্য একটি স্লট রেন্ডার করা হয়েছে, যা সরাসরি জায়গার নামের উপরে রয়েছে।

CSS প্রপার্টি

ইনহেরিট করা হয়েছে: --gmp-button-border-color, --gmp-button-border-radius, --gmp-button-border-width, --gmp-collage-border-radius-outer, --gmp-dialog-border-radius, --gmp-mat-color-disabled-surface, --gmp-mat-color-info, --gmp-mat-color-negative, --gmp-mat-color-neutral-container, --gmp-mat-color-on-neutral-container, --gmp-mat-color-on-positive-container, --gmp-mat-color-on-secondary-container, --gmp-mat-color-on-surface, --gmp-mat-color-on-surface-variant, --gmp-mat-color-outline-decorative, --gmp-mat-color-positive, --gmp-mat-color-positive-container, --gmp-mat-color-primary, --gmp-mat-color-secondary-container, --gmp-mat-color-surface, --gmp-mat-font-body-medium, --gmp-mat-font-body-small, --gmp-mat-font-display-small, --gmp-mat-font-family, --gmp-mat-font-headline-medium, --gmp-mat-font-label-large, --gmp-mat-font-label-medium, --gmp-mat-font-title-small, --gmp-mat-spacing-extra-large, --gmp-mat-spacing-extra-small, --gmp-mat-spacing-large, --gmp-mat-spacing-medium, --gmp-mat-spacing-small, --gmp-mat-spacing-two-extra-large, --gmp-star-rating-color, background-color, border, border-radius, color-scheme, font-size

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

ইভেন্ট
ইনহেরিট করা হয়েছে: gmp-error, gmp-load

AdvancedPlaceDetailsElementOptions ইন্টারফেস

ইন্টারফেস google.maps.places.AdvancedPlaceDetailsElementOptions PlaceDetailsElementOptions-এর এক্সটেনশন
AdvancedPlaceDetailsElement-এর মাধ্যমে প্রয়োগ করা হয়েছে

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

প্রপার্টি
internalUsageAttributionIds ঐচ্ছিক	ধরন: Iterable<string> optional নির্দিষ্ট প্যাকেজ বা OSS লাইব্রেরিতে কল অ্যাট্রিবিউট করার জন্য ব্যবহৃত শনাক্তকারী।

AdvancedPlaceDetailsCompactElement class

class google.maps.places.AdvancedPlaceDetailsCompactElement extends PlaceDetailsCompactElement, HTMLElement implements AdvancedPlaceDetailsCompactElementOptions, PlaceDetailsCompactElementOptions
library "places"

কমপ্যাক্ট লেআউটে কোনও জায়গার বিবরণ দেখায়। যে জায়গাটি রেন্ডার করতে হবে সেটি নির্দিষ্ট করতে PlaceDetailsPlaceRequestElement বা PlaceDetailsLocationRequestElement যোগ করুন। রেন্ডার করার জন্য কন্টেন্ট কনফিগার করতে, PlaceStandardContentElement, PlaceAllContentElement যোগ করুন অথবা নির্দিষ্ট কন্টেন্ট চিলড্রেন উল্লেখ করুন।

এই এলিমেন্ট ব্যবহার করতে, Google Cloud কনসোলে আপনার প্রোজেক্টের জন্য Places UI Kit API চালু করুন।

<gmp-advanced-place-details-compact
  internal-usage-attribution-ids="space separated strings">
</gmp-advanced-place-details-compact>

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

নির্মাণকারী
AdvancedPlaceDetailsCompactElement	AdvancedPlaceDetailsCompactElement([options]) প্যারামিটার: options: AdvancedPlaceDetailsCompactElementOptions optional

প্রপার্টি
internalUsageAttributionIds attr: internal-usage-attribution-ids	ইনপুটের ধরন: Iterable<string> optional আউটপুটের ধরন: Array<string> optional নির্দিষ্ট প্যাকেজ বা OSS লাইব্রেরিতে কল অ্যাট্রিবিউট করার জন্য ব্যবহৃত শনাক্তকারী। HTML অ্যাট্রিবিউট: internal-usage-attribution-ids="space separated strings"
place readonly	ধরন: Place optional শুধু পড়া যাবে। বর্তমানে রেন্ডার করা জায়গার আইডি, লোকেশন ও ভিউপোর্ট সহ অবজেক্ট রাখুন।
ইনহেরিট করা হয়েছে: orientation (attr: orientation), truncationPreferred (attr: truncation-preferred)

স্লট
action-corner	PlaceLinkElement ও PlaceButtonElement-এর জন্য একটি স্লট।
action-main	PlaceLinkElement ও PlaceButtonElement-এর জন্য একটি স্লট।
basic-section-bottom	বিজ্ঞপ্তি: শুধুমাত্র v=alpha চ্যানেলে উপলভ্য। প্রাথমিক তথ্য বিভাগের নিচে, সরাসরি প্রধান অ্যাকশন বোতামের নিচে কাস্টম HTML কন্টেন্টের জন্য একটি স্লট।
basic-section-top	বিজ্ঞপ্তি: শুধুমাত্র v=alpha চ্যানেলে উপলভ্য। বেসিক তথ্য বিভাগে কাস্টম HTML কন্টেন্টের জন্য একটি স্লট রেন্ডার করা হয়েছে, যা সরাসরি জায়গার নামের উপরে রয়েছে।

CSS প্রপার্টি

ইনহেরিট করা হয়েছে: --gmp-button-border-color, --gmp-button-border-radius, --gmp-button-border-width, --gmp-dialog-border-radius, --gmp-mat-color-info, --gmp-mat-color-negative, --gmp-mat-color-neutral-container, --gmp-mat-color-on-secondary-container, --gmp-mat-color-on-surface, --gmp-mat-color-on-surface-variant, --gmp-mat-color-outline-decorative, --gmp-mat-color-positive, --gmp-mat-color-primary, --gmp-mat-color-secondary-container, --gmp-mat-color-surface, --gmp-mat-font-body-medium, --gmp-mat-font-body-small, --gmp-mat-font-family, --gmp-mat-font-headline-medium, --gmp-mat-font-label-large, --gmp-mat-font-label-medium, --gmp-mat-font-title-small, --gmp-mat-spacing-extra-small, --gmp-mat-spacing-large, --gmp-mat-spacing-medium, --gmp-mat-spacing-small, --gmp-star-rating-color, --gmp-thumbnail-border-radius, background-color, border, border-radius, color-scheme, font-size

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

ইভেন্ট
ইনহেরিট করা হয়েছে: gmp-error, gmp-load

AdvancedPlaceDetailsCompactElementOptions ইন্টারফেস

ইন্টারফেস google.maps.places.AdvancedPlaceDetailsCompactElementOptions PlaceDetailsCompactElementOptions-এর এক্সটেনশন
AdvancedPlaceDetailsCompactElement-এর মাধ্যমে প্রয়োগ করা হয়েছে

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

প্রপার্টি
internalUsageAttributionIds ঐচ্ছিক	ধরন: Iterable<string> optional নির্দিষ্ট প্যাকেজ বা OSS লাইব্রেরিতে কল অ্যাট্রিবিউট করার জন্য ব্যবহৃত শনাক্তকারী।
ইনহেরিট করা হয়েছে: orientation, truncationPreferred

PlaceDetailsOrientation constants

constants google.maps.places.PlaceDetailsOrientation
library "places"

PlaceDetailsCompactElement-এর জন্য ওরিয়েন্টেশন ভ্যারিয়েন্ট।

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

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

ধ্রুবক
HORIZONTAL	অনুভূমিক সজ্জা।
VERTICAL	উল্লম্ব ওরিয়েন্টেশন।

PlaceDetailsPlaceRequestElement ক্লাস

class google.maps.places.PlaceDetailsPlaceRequestElement extends HTMLElement implements PlaceDetailsPlaceRequestElementOptions
library "places"

কোনও জায়গা অবজেক্ট, আইডি বা রিসোর্সের নামের উপর ভিত্তি করে ডেটা লোড করার জন্য PlaceDetailsCompactElement বা PlaceDetailsElement কনফিগার করে। নির্দিষ্ট জায়গার জন্য ডেটা লোড করতে PlaceDetailsCompactElement বা PlaceDetailsElement-এর চাইল্ড হিসেবে এই এলিমেন্ট যোগ করুন। যেমন:

 <gmp-place-details>
   <gmp-place-details-place-request
     place="PLACE_ID"
   ></gmp-place-details-place-request>
 </gmp-place-details> 

<gmp-place-details-place-request
  place="places/###">
</gmp-place-details-place-request>

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

নির্মাণকারী
PlaceDetailsPlaceRequestElement	PlaceDetailsPlaceRequestElement([options]) প্যারামিটার: options: PlaceDetailsPlaceRequestElementOptions optional

প্রপার্টি
place attr: place	ইনপুটের ধরন: Place|string optional আউটপুটের ধরন: Place optional ডিফল্ট: null জায়গার বিবরণ কম্প্যাক্ট এলিমেন্টে বিবরণ দেখানোর জন্য জায়গার অবজেক্ট, আইডি বা রিসোর্সের নাম। এই প্রপার্টি রিসোর্সের নাম হিসেবে অ্যাট্রিবিউটে প্রতিফলিত হয়। HTML অ্যাট্রিবিউট: place="places/###"

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

PlaceDetailsPlaceRequestElementOptions ইন্টারফেস

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

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

প্রপার্টি
place ঐচ্ছিক	ধরন: Place|string optional PlaceDetailsPlaceRequestElement.place দেখুন

PlaceDetailsLocationRequestElement ক্লাস

class google.maps.places.PlaceDetailsLocationRequestElement extends HTMLElement implements PlaceDetailsLocationRequestElementOptions
library "places"

লোকেশন অনুযায়ী ডেটা লোড করার জন্য PlaceDetailsCompactElement বা PlaceDetailsElement কনফিগার করে। নির্দিষ্ট লোকেশনের জন্য ডেটা লোড করতে, এই এলিমেন্টকে PlaceDetailsCompactElement বা PlaceDetailsElement-এর চাইল্ড হিসেবে যোগ করুন। যেমন:

 <gmp-place-details>
   <gmp-place-details-location-request
     location="37.6207665,-122.4284806"
   ></gmp-place-details-location-request>
 </gmp-place-details> 

<gmp-place-details-location-request
  location="lat,lng">
</gmp-place-details-location-request>

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

নির্মাণকারী
PlaceDetailsLocationRequestElement	PlaceDetailsLocationRequestElement([options]) প্যারামিটার: options: PlaceDetailsLocationRequestElementOptions optional

প্রপার্টি
location attr: location	ইনপুটের ধরন: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional আউটপুটের ধরন: LatLngAltitude optional ডিফল্ট: null জায়গার বিবরণ এলিমেন্টে যে লোকেশনের বিবরণ রেন্ডার করতে হবে। LatLngAltitude-এ নরমালাইজ করে। HTML অ্যাট্রিবিউট: location="lat,lng"

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

PlaceDetailsLocationRequestElementOptions ইন্টারফেস

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

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

প্রপার্টি
location ঐচ্ছিক	ধরন: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional যে লোকেশনের জন্য জায়গাটি রেন্ডার করতে হবে।

PlaceSearchElement ক্লাস

class google.maps.places.PlaceSearchElement extends HTMLElement implements PlaceSearchElementOptions
extended by AdvancedPlaceSearchElement
library "places"

কোনও জায়গা সার্চ করার ফলাফল তালিকায় দেখায়। ফলাফল দেখানোর জন্য অনুরোধ নির্দিষ্ট করতে PlaceTextSearchRequestElement বা PlaceNearbySearchRequestElement যোগ করুন। কোন কন্টেন্ট রেন্ডার করতে হবে তা নির্দিষ্ট করতে PlaceContentConfigElement, PlaceStandardContentElement বা PlaceAllContentElement যোগ করুন।

উদাহরণ:

 <gmp-place-search>
   <gmp-place-text-search-request
     text-query="QUERY"
   ></gmp-place-text-search-request>
   <gmp-place-content-config>
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </gmp-place-content-config>
 </gmp-place-search> 

Place Search Element ব্যবহার করতে, Google Cloud কনসোলে আপনার প্রোজেক্টের জন্য Places UI Kit API চালু করুন।

<gmp-place-search
  attribution-position="value-name"
  internal-usage-attribution-ids="space separated strings"
  orientation="value-name"
  selectable
  truncation-preferred>
</gmp-place-search>

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

নির্মাণকারী
PlaceSearchElement	PlaceSearchElement([options]) প্যারামিটার: options: PlaceSearchElementOptions optional

প্রপার্টি
attributionPosition attr: attribution-position	ইনপুটের ধরন: PlaceSearchAttributionPosition optional আউটপুটের ধরন: PlaceSearchAttributionPosition ডিফল্ট: PlaceSearchAttributionPosition.TOP অ্যাট্রিবিউশন লোগো ও আইনি ডিসক্লোজার বোতামের পজিশন। HTML অ্যাট্রিবিউট: attribution-position="value-name"
internalUsageAttributionIds attr: internal-usage-attribution-ids	ইনপুটের ধরন: Iterable<string> optional আউটপুটের ধরন: Array<string> optional নির্দিষ্ট প্যাকেজ বা OSS লাইব্রেরিতে কল অ্যাট্রিবিউট করার জন্য ব্যবহৃত শনাক্তকারী। HTML অ্যাট্রিবিউট: internal-usage-attribution-ids="space separated strings"
orientation attr: orientation	ইনপুটের ধরন: PlaceSearchOrientation optional আউটপুটের ধরন: PlaceSearchOrientation ডিফল্ট: PlaceSearchOrientation.VERTICAL এলিমেন্টের ওরিয়েন্টেশন ভেরিয়েন্ট (উল্লম্ব বা অনুভূমিক)। HTML অ্যাট্রিবিউট: orientation="value-name"
places readonly	ধরন: Array<Place> শুধু পড়া যাবে। বর্তমানে রেন্ডার করা জায়গার আইডি, লোকেশন ও ভিউপোর্ট সহ Placeটি অবজেক্টের অ্যারে।
selectable attr: selectable	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean ডিফল্ট: false তালিকার আইটেমগুলি বেছে নেওয়া যাবে কিনা। সত্য হলে, তালিকার আইটেমগুলি বোতাম হবে যা ক্লিক করলে gmp-select ইভেন্ট পাঠাবে। এছাড়াও, অ্যাক্সেসিবল কীবোর্ড নেভিগেশন ও বেছে নেওয়ার সুবিধা কাজ করে। HTML অ্যাট্রিবিউট: selectable
truncationPreferred attr: truncation-preferred	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean ডিফল্ট: false ট্রু হলে, কন্টেন্টের নির্দিষ্ট কিছু লাইন র‍্যাপ করার পরিবর্তে এক লাইনে ফিট করার জন্য ট্রাঙ্কেট করে। HTML অ্যাট্রিবিউট: truncation-preferred

CSS প্রপার্টি
--gmp-button-border-color	"Maps-এ খুলুন" বোতামের বর্ডারের রঙ।
--gmp-button-border-radius	"Maps-এ খুলুন" বোতামের জন্য বর্ডার রেডিয়াস।
--gmp-button-border-width	"Maps-এ খুলুন" বোতামের বর্ডারের প্রস্থ।
--gmp-card-border-radius	জায়গার কার্ডের জন্য বর্ডার ব্যাসার্ধ।
--gmp-dialog-border-radius	Google Maps ডিসক্লোজার ডায়ালগের জন্য বর্ডার রেডিয়াস।
--gmp-mat-color-info	তথ্যমূলক সেন্টিমেন্ট সহ UI এলিমেন্টের রঙ। অ্যাক্সেসযোগ্য প্রবেশপথের আইকনের জন্য ব্যবহার করা হয়।
--gmp-mat-color-negative	নেতিবাচক সেন্টিমেন্ট সহ UI এলিমেন্টের রঙ। কোনও জায়গা খোলা থাকার সময়ের জন্য "বন্ধ" লেবেলের জন্য ব্যবহার করা হয়।
--gmp-mat-color-neutral-container	নিউট্রাল ফিল করা UI এলিমেন্টের জন্য কন্টেনারের রঙ। রিভিউয়ের তারিখের ব্যাজ ও লোডিং প্লেসহোল্ডারের আকার দেখানোর জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-neutral-container	নিউট্রাল কন্টেনারে টেক্সট ও আইকনের রঙ। রিভিউয়ের তারিখের টেক্সট ও লোডিং সংক্রান্ত সমস্যার টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-secondary-container	সেকেন্ডারি কন্টেনারের রঙের বিপরীতে টেক্সট ও আইকনের রঙ। বোতামের টেক্সট ও আইকনের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-surface	সারফেসের রঙের বিপরীতে টেক্সট ও আইকনের রঙ। শিরোনাম ও ডায়ালগ কন্টেন্টের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-surface-variant	সারফেস কালারের বিপরীতে টেক্সট ও আইকনের জন্য কম-জোর দেওয়া রঙ। জায়গার তথ্যের জন্য ব্যবহৃত।
--gmp-mat-color-outline-decorative	ইন্টার‍্যাক্টিভ নয় এমন এলিমেন্টের আউটলাইনের রঙ। কন্টেনারের বর্ডারের জন্য ব্যবহার করা হয়।
--gmp-mat-color-positive	ইতিবাচক মনোভাব সহ UI এলিমেন্টের রঙ। কোনও জায়গা খোলা থাকার সময় সংক্রান্ত "খোলা" লেবেলের জন্য ব্যবহার করা হয়।
--gmp-mat-color-primary	সারফেসের রঙের বিপরীতে ইন্টার‍্যাক্টিভ টেক্সট ও আইকনের রঙ। লিঙ্ক, লোডিং ইন্ডিকেটর ও ওভারভিউ আইকনের জন্য ব্যবহার করা হয়।
--gmp-mat-color-secondary-container	সারফেসের তুলনায় ভরাট করার রঙ কম স্পষ্ট। বোতামের ব্যাকগ্রাউন্ডের জন্য ব্যবহার করা হয়।
--gmp-mat-color-surface	ব্যাকগ্রাউন্ডের রঙ। কন্টেনার ও ডায়ালগের ব্যাকগ্রাউন্ডের জন্য ব্যবহার করা হয়।
--gmp-mat-font-body-small	জায়গার তথ্যের জন্য ব্যবহৃত।
--gmp-mat-font-family	সব টেক্সটের জন্য বেস ফন্ট ফ্যামিলি।
--gmp-mat-font-headline-medium	ডায়ালগের হেডিংয়ের জন্য ব্যবহার করা হয়।
--gmp-mat-font-label-large	বোতামের কন্টেন্টের জন্য ব্যবহার করা হয়।
--gmp-mat-font-title-medium	জায়গার নামের জন্য ব্যবহার করা হয়।
--gmp-mat-spacing-extra-small	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-large	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-medium	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-small	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-star-rating-color	স্টার রেটিংয়ে ভরাট করা স্টারের রঙ।
--gmp-thumbnail-border-radius	জায়গার থাম্বনেল ছবির বর্ডার রেডিয়াস।
background-color	এলিমেন্টের ব্যাকগ্রাউন্ডের রঙ ওভাররাইড করে।
border	এলিমেন্টের বর্ডার ওভাররাইড করে।
border-radius	এলিমেন্টের বর্ডার ব্যাসার্ধ ওভাররাইড করে।
color-scheme	এই এলিমেন্টটি কোন রঙের স্কিমে রেন্ডার করা যেতে পারে তা নির্দেশ করে। আরও বিবরণের জন্য color-scheme ডকুমেন্টেশন দেখুন। ডিফল্ট হিসেবে color-scheme: light dark সেট করা থাকে।
font-size	এলিমেন্টের সব টেক্সট ও আইকন স্কেল করে। ডিফল্ট হিসেবে 16px সেট করা থাকে।

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

ইভেন্ট
gmp-error	function(event) আর্গুমেন্ট: event: Event optional ব্যাকএন্ডে করা অনুরোধ বাতিল করা হলে এই ইভেন্টটি ফায়ার করা হয় (যেমন, ভুল API কী)। এই ইভেন্ট বাবল করে না।
gmp-load	function(event) আর্গুমেন্ট: event: Event optional এলিমেন্ট লোড হয়ে কন্টেন্ট রেন্ডার করলে এই ইভেন্ট ট্রিগার হয়। এই ইভেন্ট বাবল করে না।
gmp-select	function(event) আর্গুমেন্ট: event: PlaceSelectEvent optional তালিকা থেকে কোনও জায়গা বেছে নেওয়া হলে এই ইভেন্ট ট্রিগার করা হয়। এতে একটি Place অবজেক্ট থাকে যাতে বেছে নেওয়া জায়গার আইডি, লোকেশন ও ভিউপোর্ট থাকে।

PlaceSearchElementOptions ইন্টারফেস

ইন্টারফেস google.maps.places.PlaceSearchElementOptions
AdvancedPlaceSearchElementOptions দ্বারা এক্সটেন্ড করা হয়েছে
AdvancedPlaceSearchElement, PlaceSearchElement দ্বারা প্রয়োগ করা হয়েছে

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

প্রপার্টি
attributionPosition ঐচ্ছিক	ধরন: PlaceSearchAttributionPosition optional PlaceSearchElement.attributionPosition দেখুন।
internalUsageAttributionIds ঐচ্ছিক	ধরন: Iterable<string> optional নির্দিষ্ট প্যাকেজ বা OSS লাইব্রেরিতে কল অ্যাট্রিবিউট করার জন্য ব্যবহৃত শনাক্তকারী।
orientation ঐচ্ছিক	ধরন: PlaceSearchOrientation optional PlaceSearchElement.orientation দেখুন।
selectable ঐচ্ছিক	ধরন: boolean optional PlaceSearchElement.selectable দেখুন
truncationPreferred ঐচ্ছিক	ধরন: boolean optional PlaceSearchElement.truncationPreferred দেখুন।

PlaceItemElement ক্লাস

class google.maps.places.PlaceItemElement extends HTMLElement implements PlaceItemElementOptions
extended by AdvancedPlaceItemElement
library "places"

জায়গার তালিকা আইটেমের জন্য পাবলিক ওয়েব কম্পোনেন্ট র‍্যাপার (<gmp-place-item>)। <gmp-place-item> কাস্টম এলিমেন্ট <gmp-place-search>-এর মধ্যে একটি স্বতন্ত্র জায়গার ফলাফল কার্ড রেন্ডার করে। প্রতিটি <gmp-place-item> Places UI Kit থেকে চাইল্ড ভিজ্যুয়াল কম্পোনেন্ট দিয়ে তৈরি জায়গার তথ্য দেখায়।

<gmp-place-item></gmp-place-item>

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

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

PlaceItemElementOptions ইন্টারফেস

ইন্টারফেস google.maps.places.PlaceItemElementOptions
AdvancedPlaceItemElementOptions দ্বারা এক্সটেন্ড করা হয়েছে
AdvancedPlaceItemElement, PlaceItemElement দ্বারা প্রয়োগ করা হয়েছে

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

AdvancedPlaceSearchElement ক্লাস

class google.maps.places.AdvancedPlaceSearchElement extends PlaceSearchElement, HTMLElement implements AdvancedPlaceSearchElementOptions, PlaceSearchElementOptions
library "places"

একটি তালিকায় উন্নত জায়গা সার্চের ফলাফল দেখায়। ফলাফল দেখানোর জন্য অনুরোধ নির্দিষ্ট করতে PlaceTextSearchRequestElement বা PlaceNearbySearchRequestElement যোগ করুন। কোন কন্টেন্ট রেন্ডার করতে হবে তা নির্দিষ্ট করতে PlaceStandardContentElement, PlaceAllContentElement বা <template slot="details-item"> যোগ করুন।

উদাহরণ:

 <gmp-advanced-place-search>
   <gmp-place-text-search-request
     text-query="QUERY"
   ></gmp-place-text-search-request>
   <template slot="details-item">
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </template>
 </gmp-advanced-place-search> 

উন্নত জায়গা সার্চ করার এলিমেন্ট ব্যবহার করতে, Google Cloud কনসোলে আপনার প্রোজেক্টের জন্য Places UI Kit API চালু করুন।

<gmp-advanced-place-search
  attribution-position="value-name"
  internal-usage-attribution-ids="space separated strings"
  orientation="value-name"
  selectable
  truncation-preferred>
</gmp-advanced-place-search>

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

নির্মাণকারী
AdvancedPlaceSearchElement	AdvancedPlaceSearchElement([options]) প্যারামিটার: options: AdvancedPlaceSearchElementOptions optional

প্রপার্টি
attributionPosition attr: attribution-position	ইনপুটের ধরন: PlaceSearchAttributionPosition optional আউটপুটের ধরন: PlaceSearchAttributionPosition ডিফল্ট: PlaceSearchAttributionPosition.TOP অ্যাট্রিবিউশন লোগো ও আইনি ডিসক্লোজার বোতামের পজিশন। HTML অ্যাট্রিবিউট: attribution-position="value-name"
internalUsageAttributionIds attr: internal-usage-attribution-ids	ইনপুটের ধরন: Iterable<string> optional আউটপুটের ধরন: Array<string> optional নির্দিষ্ট প্যাকেজ বা OSS লাইব্রেরিতে কল অ্যাট্রিবিউট করার জন্য ব্যবহৃত শনাক্তকারী। HTML অ্যাট্রিবিউট: internal-usage-attribution-ids="space separated strings"
orientation attr: orientation	ইনপুটের ধরন: PlaceSearchOrientation optional আউটপুটের ধরন: PlaceSearchOrientation ডিফল্ট: PlaceSearchOrientation.VERTICAL এলিমেন্টের ওরিয়েন্টেশন ভেরিয়েন্ট (উল্লম্ব বা অনুভূমিক)। HTML অ্যাট্রিবিউট: orientation="value-name"
selectable attr: selectable	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean ডিফল্ট: false তালিকার আইটেমগুলি বেছে নেওয়া যাবে কিনা। সত্য হলে, তালিকার আইটেমগুলি বোতাম হবে যা ক্লিক করলে gmp-select ইভেন্ট পাঠাবে। এছাড়াও, অ্যাক্সেসিবল কীবোর্ড নেভিগেশন ও বেছে নেওয়ার সুবিধা কাজ করে। HTML অ্যাট্রিবিউট: selectable
truncationPreferred attr: truncation-preferred	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean ডিফল্ট: false ট্রু হলে, কন্টেন্টের নির্দিষ্ট কিছু লাইন র‍্যাপ করার পরিবর্তে এক লাইনে ফিট করার জন্য ট্রাঙ্কেট করে। HTML অ্যাট্রিবিউট: truncation-preferred
ইনহেরিট করা: places

স্লট
details-item	সার্চ ফলাফলে প্রতিটি জায়গার জন্য রেন্ডার করতে gmp-place উইজেট সহ HTML টেমপ্লেট।

CSS প্রপার্টি
--gmp-button-border-color	"Maps-এ খুলুন" বোতামের বর্ডারের রঙ।
--gmp-button-border-radius	"Maps-এ খুলুন" বোতামের জন্য বর্ডার রেডিয়াস।
--gmp-button-border-width	"Maps-এ খুলুন" বোতামের বর্ডারের প্রস্থ।
--gmp-card-border-radius	জায়গার কার্ডের জন্য বর্ডার ব্যাসার্ধ।
--gmp-dialog-border-radius	Google Maps ডিসক্লোজার ডায়ালগের জন্য বর্ডার রেডিয়াস।
--gmp-mat-color-info	তথ্যমূলক সেন্টিমেন্ট সহ UI এলিমেন্টের রঙ। অ্যাক্সেসযোগ্য প্রবেশপথের আইকনের জন্য ব্যবহার করা হয়।
--gmp-mat-color-negative	নেতিবাচক সেন্টিমেন্ট সহ UI এলিমেন্টের রঙ। কোনও জায়গা খোলা থাকার সময়ের জন্য "বন্ধ" লেবেলের জন্য ব্যবহার করা হয়।
--gmp-mat-color-neutral-container	নিউট্রাল ফিল করা UI এলিমেন্টের জন্য কন্টেনারের রঙ। রিভিউয়ের তারিখের ব্যাজ ও লোডিং প্লেসহোল্ডারের আকার দেখানোর জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-neutral-container	নিউট্রাল কন্টেনারে টেক্সট ও আইকনের রঙ। রিভিউয়ের তারিখের টেক্সট ও লোডিং সংক্রান্ত সমস্যার টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-secondary-container	সেকেন্ডারি কন্টেনারের রঙের বিপরীতে টেক্সট ও আইকনের রঙ। বোতামের টেক্সট ও আইকনের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-surface	সারফেসের রঙের বিপরীতে টেক্সট ও আইকনের রঙ। শিরোনাম ও ডায়ালগ কন্টেন্টের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-surface-variant	সারফেস কালারের বিপরীতে টেক্সট ও আইকনের জন্য কম-জোর দেওয়া রঙ। জায়গার তথ্যের জন্য ব্যবহৃত।
--gmp-mat-color-outline-decorative	ইন্টার‍্যাক্টিভ নয় এমন এলিমেন্টের আউটলাইনের রঙ। কন্টেনারের বর্ডারের জন্য ব্যবহার করা হয়।
--gmp-mat-color-positive	ইতিবাচক মনোভাব সহ UI এলিমেন্টের রঙ। কোনও জায়গা খোলা থাকার সময় সংক্রান্ত "খোলা" লেবেলের জন্য ব্যবহার করা হয়।
--gmp-mat-color-primary	সারফেসের রঙের বিপরীতে ইন্টার‍্যাক্টিভ টেক্সট ও আইকনের রঙ। লিঙ্ক, লোডিং ইন্ডিকেটর ও ওভারভিউ আইকনের জন্য ব্যবহার করা হয়।
--gmp-mat-color-secondary-container	সারফেসের তুলনায় ভরাট করার রঙ কম স্পষ্ট। বোতামের ব্যাকগ্রাউন্ডের জন্য ব্যবহার করা হয়।
--gmp-mat-color-surface	ব্যাকগ্রাউন্ডের রঙ। কন্টেনার ও ডায়ালগের ব্যাকগ্রাউন্ডের জন্য ব্যবহার করা হয়।
--gmp-mat-font-body-small	জায়গার তথ্যের জন্য ব্যবহৃত।
--gmp-mat-font-family	সব টেক্সটের জন্য বেস ফন্ট ফ্যামিলি।
--gmp-mat-font-headline-medium	ডায়ালগের হেডিংয়ের জন্য ব্যবহার করা হয়।
--gmp-mat-font-label-large	বোতামের কন্টেন্টের জন্য ব্যবহার করা হয়।
--gmp-mat-font-title-medium	জায়গার নামের জন্য ব্যবহার করা হয়।
--gmp-mat-spacing-extra-small	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-large	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-medium	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-small	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-star-rating-color	স্টার রেটিংয়ে ভরাট করা স্টারের রঙ।
--gmp-thumbnail-border-radius	জায়গার থাম্বনেল ছবির বর্ডার রেডিয়াস।
background-color	এলিমেন্টের ব্যাকগ্রাউন্ডের রঙ ওভাররাইড করে।
border	এলিমেন্টের বর্ডার ওভাররাইড করে।
border-radius	এলিমেন্টের বর্ডার ব্যাসার্ধ ওভাররাইড করে।
color-scheme	এই এলিমেন্টটি কোন রঙের স্কিমে রেন্ডার করা যেতে পারে তা নির্দেশ করে। আরও বিবরণের জন্য color-scheme ডকুমেন্টেশন দেখুন। ডিফল্ট হিসেবে color-scheme: light dark সেট করা থাকে।
font-size	এলিমেন্টের সব টেক্সট ও আইকন স্কেল করে। ডিফল্ট হিসেবে 16px সেট করা থাকে।

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

ইভেন্ট
gmp-error	function(event) আর্গুমেন্ট: event: Event optional ব্যাকএন্ডে করা অনুরোধ বাতিল করা হলে এই ইভেন্টটি ফায়ার করা হয় (যেমন, ভুল API কী)। এই ইভেন্ট বাবল করে না।
gmp-load	function(event) আর্গুমেন্ট: event: Event optional এলিমেন্ট লোড হয়ে কন্টেন্ট রেন্ডার করলে এই ইভেন্ট ট্রিগার হয়। এই ইভেন্ট বাবল করে না।
gmp-select	function(event) আর্গুমেন্ট: event: PlaceSelectEvent optional তালিকা থেকে কোনও জায়গা বেছে নেওয়া হলে এই ইভেন্ট ট্রিগার করা হয়। এতে একটি Place অবজেক্ট থাকে যাতে বেছে নেওয়া জায়গার আইডি, লোকেশন ও ভিউপোর্ট থাকে।

AdvancedPlaceSearchElementOptions ইন্টারফেস

ইন্টারফেস google.maps.places.AdvancedPlaceSearchElementOptions PlaceSearchElementOptions-এর এক্সটেনশন
AdvancedPlaceSearchElement-এর মাধ্যমে প্রয়োগ করা হয়েছে

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

প্রপার্টি
attributionPosition ঐচ্ছিক	ধরন: PlaceSearchAttributionPosition optional PlaceSearchElement.attributionPosition দেখুন।
internalUsageAttributionIds ঐচ্ছিক	ধরন: Iterable<string> optional নির্দিষ্ট প্যাকেজ বা OSS লাইব্রেরিতে কল অ্যাট্রিবিউট করার জন্য ব্যবহৃত শনাক্তকারী।
orientation ঐচ্ছিক	ধরন: PlaceSearchOrientation optional PlaceSearchElement.orientation দেখুন।
selectable ঐচ্ছিক	ধরন: boolean optional PlaceSearchElement.selectable দেখুন
truncationPreferred ঐচ্ছিক	ধরন: boolean optional PlaceSearchElement.truncationPreferred দেখুন।

AdvancedPlaceListElement class

class google.maps.places.AdvancedPlaceListElement extends HTMLElement implements AdvancedPlaceListElementOptions
library "places"

কোনও জায়গা সার্চ করার ফলাফল তালিকায় দেখায়। দেখানোর জন্য জায়গা নির্দিষ্ট করতে এক বা একাধিক PlaceDetailsPlaceRequestElement যোগ করুন অথবা places প্রপার্টি সেট করুন। কোন কন্টেন্ট রেন্ডার করতে হবে তা নির্দিষ্ট করতে PlaceStandardContentElement বা PlaceAllContentElement যোগ করুন।

উদাহরণ:

 <gmp-advanced-place-list>
   <gmp-place-details-place-request
     place="PLACE_ID"
   </gmp-place-details-place-request>
   <template slot="details-item">
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </template>
 </gmp-advanced-place-list> 

উন্নত জায়গার তালিকা এলিমেন্ট ব্যবহার করতে, Google Cloud কনসোলে আপনার প্রোজেক্টের জন্য Places UI Kit API চালু করুন।

<gmp-advanced-place-list
  attribution-position="value-name"
  internal-usage-attribution-ids="space separated strings"
  orientation="value-name"
  places="space separated strings"
  selectable
  truncation-preferred>
</gmp-advanced-place-list>

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

নির্মাণকারী
AdvancedPlaceListElement	AdvancedPlaceListElement([options]) প্যারামিটার: options: AdvancedPlaceListElementOptions optional

প্রপার্টি
attributionPosition attr: attribution-position	ইনপুটের ধরন: PlaceSearchAttributionPosition optional আউটপুটের ধরন: PlaceSearchAttributionPosition ডিফল্ট: PlaceSearchAttributionPosition.TOP অ্যাট্রিবিউশন লোগো ও আইনি ডিসক্লোজার বোতামের পজিশন। HTML অ্যাট্রিবিউট: attribution-position="value-name"
internalUsageAttributionIds attr: internal-usage-attribution-ids	ইনপুটের ধরন: Iterable<string> optional আউটপুটের ধরন: Array<string> optional নির্দিষ্ট প্যাকেজ বা OSS লাইব্রেরিতে কল অ্যাট্রিবিউট করার জন্য ব্যবহৃত শনাক্তকারী। HTML অ্যাট্রিবিউট: internal-usage-attribution-ids="space separated strings"
orientation attr: orientation	ইনপুটের ধরন: PlaceSearchOrientation optional আউটপুটের ধরন: PlaceSearchOrientation ডিফল্ট: PlaceSearchOrientation.VERTICAL এলিমেন্টের ওরিয়েন্টেশন ভেরিয়েন্ট (উল্লম্ব বা অনুভূমিক)। HTML অ্যাট্রিবিউট: orientation="value-name"
places attr: places	ইনপুটের ধরন: Iterable<Place|string> optional আউটপুটের ধরন: Array<Place> এই এলিমেন্টে দেখানো উচিত এমন আইডি সহ জায়গার অবজেক্টের তালিকা। মনে রাখবেন, জায়গার প্রপার্টিতে সেট করা সব জায়গা রেন্ডার করা না গেলে(যেমন, ভুল আইডি, নেটওয়ার্ক অনুরোধ সংক্রান্ত সমস্যা ইত্যাদি) সেগুলি দেখানো নাও হতে পারে। বর্তমানে দেখানো জায়গাগুলি ফিরিয়ে আনতে, জায়গা সংক্রান্ত প্রপার্টি পড়া যেতে পারে। HTML অ্যাট্রিবিউট: places="space separated strings"
selectable attr: selectable	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean ডিফল্ট: false তালিকার আইটেমগুলি বেছে নেওয়া যাবে কিনা। সত্য হলে, তালিকার আইটেমগুলি বোতাম হবে যা ক্লিক করলে gmp-select ইভেন্ট পাঠাবে। এছাড়াও, অ্যাক্সেসিবল কীবোর্ড নেভিগেশন ও বেছে নেওয়ার সুবিধা কাজ করে। HTML অ্যাট্রিবিউট: selectable
truncationPreferred attr: truncation-preferred	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean ডিফল্ট: false ট্রু হলে, কন্টেন্টের নির্দিষ্ট কিছু লাইন র‍্যাপ করার পরিবর্তে এক লাইনে ফিট করার জন্য ট্রাঙ্কেট করে। HTML অ্যাট্রিবিউট: truncation-preferred

স্লট
details-item	HTML টেমপ্লেট যাতে gmp-place উইজেট থাকে যা তালিকার প্রতিটি জায়গার জন্য রেন্ডার করা হয়।

CSS প্রপার্টি
--gmp-button-border-color	"Maps-এ খুলুন" বোতামের বর্ডারের রঙ।
--gmp-button-border-radius	"Maps-এ খুলুন" বোতামের জন্য বর্ডার রেডিয়াস।
--gmp-button-border-width	"Maps-এ খুলুন" বোতামের বর্ডারের প্রস্থ।
--gmp-card-border-radius	জায়গার কার্ডের জন্য বর্ডার ব্যাসার্ধ।
--gmp-dialog-border-radius	Google Maps ডিসক্লোজার ডায়ালগের জন্য বর্ডার রেডিয়াস।
--gmp-mat-color-info	তথ্যমূলক সেন্টিমেন্ট সহ UI এলিমেন্টের রঙ। অ্যাক্সেসযোগ্য প্রবেশপথের আইকনের জন্য ব্যবহার করা হয়।
--gmp-mat-color-negative	নেতিবাচক সেন্টিমেন্ট সহ UI এলিমেন্টের রঙ। কোনও জায়গা খোলা থাকার সময়ের জন্য "বন্ধ" লেবেলের জন্য ব্যবহার করা হয়।
--gmp-mat-color-neutral-container	নিউট্রাল ফিল করা UI এলিমেন্টের জন্য কন্টেনারের রঙ। রিভিউয়ের তারিখের ব্যাজ ও লোডিং প্লেসহোল্ডারের আকার দেখানোর জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-neutral-container	নিউট্রাল কন্টেনারে টেক্সট ও আইকনের রঙ। রিভিউয়ের তারিখের টেক্সট ও লোডিং সংক্রান্ত সমস্যার টেক্সটের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-secondary-container	সেকেন্ডারি কন্টেনারের রঙের বিপরীতে টেক্সট ও আইকনের রঙ। বোতামের টেক্সট ও আইকনের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-surface	সারফেসের রঙের বিপরীতে টেক্সট ও আইকনের রঙ। শিরোনাম ও ডায়ালগ কন্টেন্টের জন্য ব্যবহার করা হয়।
--gmp-mat-color-on-surface-variant	সারফেস কালারের বিপরীতে টেক্সট ও আইকনের জন্য কম-জোর দেওয়া রঙ। জায়গার তথ্যের জন্য ব্যবহৃত।
--gmp-mat-color-outline-decorative	ইন্টার‍্যাক্টিভ নয় এমন এলিমেন্টের আউটলাইনের রঙ। কন্টেনারের বর্ডারের জন্য ব্যবহার করা হয়।
--gmp-mat-color-positive	ইতিবাচক মনোভাব সহ UI এলিমেন্টের রঙ। কোনও জায়গা খোলা থাকার সময় সংক্রান্ত "খোলা" লেবেলের জন্য ব্যবহার করা হয়।
--gmp-mat-color-primary	সারফেসের রঙের বিপরীতে ইন্টার‍্যাক্টিভ টেক্সট ও আইকনের রঙ। লিঙ্ক, লোডিং ইন্ডিকেটর ও ওভারভিউ আইকনের জন্য ব্যবহার করা হয়।
--gmp-mat-color-secondary-container	সারফেসের তুলনায় ভরাট করার রঙ কম স্পষ্ট। বোতামের ব্যাকগ্রাউন্ডের জন্য ব্যবহার করা হয়।
--gmp-mat-color-surface	ব্যাকগ্রাউন্ডের রঙ। কন্টেনার ও ডায়ালগের ব্যাকগ্রাউন্ডের জন্য ব্যবহার করা হয়।
--gmp-mat-font-body-small	জায়গার তথ্যের জন্য ব্যবহৃত।
--gmp-mat-font-family	সব টেক্সটের জন্য বেস ফন্ট ফ্যামিলি।
--gmp-mat-font-headline-medium	ডায়ালগের হেডিংয়ের জন্য ব্যবহার করা হয়।
--gmp-mat-font-label-large	বোতামের কন্টেন্টের জন্য ব্যবহার করা হয়।
--gmp-mat-font-title-medium	জায়গার নামের জন্য ব্যবহার করা হয়।
--gmp-mat-spacing-extra-small	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-large	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-medium	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-mat-spacing-small	এলিমেন্টের মধ্যে স্পেসিংয়ের জন্য ব্যবহার করা হয়, যেমন টেক্সটের চারপাশে মার্জিন ও প্যাডিং।
--gmp-star-rating-color	স্টার রেটিংয়ে ভরাট করা স্টারের রঙ।
--gmp-thumbnail-border-radius	জায়গার থাম্বনেল ছবির বর্ডার রেডিয়াস।
background-color	এলিমেন্টের ব্যাকগ্রাউন্ডের রঙ ওভাররাইড করে।
border	এলিমেন্টের বর্ডার ওভাররাইড করে।
border-radius	এলিমেন্টের বর্ডার ব্যাসার্ধ ওভাররাইড করে।
color-scheme	এই এলিমেন্টটি কোন রঙের স্কিমে রেন্ডার করা যেতে পারে তা নির্দেশ করে। আরও বিবরণের জন্য color-scheme ডকুমেন্টেশন দেখুন। ডিফল্ট হিসেবে color-scheme: light dark সেট করা থাকে।
font-size	এলিমেন্টের সব টেক্সট ও আইকন স্কেল করে। ডিফল্ট হিসেবে 16px সেট করা থাকে।

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

ইভেন্ট
gmp-error	function(event) আর্গুমেন্ট: event: Event optional ব্যাকএন্ডে করা অনুরোধ বাতিল করা হলে এই ইভেন্টটি ফায়ার করা হয় (যেমন, ভুল API কী)। এই ইভেন্ট বাবল করে না।
gmp-load	function(event) আর্গুমেন্ট: event: Event optional এলিমেন্ট লোড হয়ে কন্টেন্ট রেন্ডার করলে এই ইভেন্ট ট্রিগার হয়। এই ইভেন্ট বাবল করে না।
gmp-select	function(event) আর্গুমেন্ট: event: PlaceSelectEvent optional তালিকা থেকে কোনও জায়গা বেছে নেওয়া হলে এই ইভেন্ট ট্রিগার করা হয়। এতে একটি Place অবজেক্ট থাকে যাতে বেছে নেওয়া জায়গার আইডি, লোকেশন ও ভিউপোর্ট থাকে।

AdvancedPlaceListElementOptions ইন্টারফেস

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

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

প্রপার্টি
attributionPosition ঐচ্ছিক	ধরন: PlaceSearchAttributionPosition optional PlaceSearchElement.attributionPosition দেখুন।
internalUsageAttributionIds ঐচ্ছিক	ধরন: Iterable<string> optional নির্দিষ্ট প্যাকেজ বা OSS লাইব্রেরিতে কল অ্যাট্রিবিউট করার জন্য ব্যবহৃত শনাক্তকারী।
orientation ঐচ্ছিক	ধরন: PlaceSearchOrientation optional PlaceSearchElement.orientation দেখুন।
places ঐচ্ছিক	ধরন: Iterable<Place|string> optional AdvancedPlaceListElement.places দেখুন।
selectable ঐচ্ছিক	ধরন: boolean optional PlaceSearchElement.selectable দেখুন
truncationPreferred ঐচ্ছিক	ধরন: boolean optional PlaceSearchElement.truncationPreferred দেখুন।

AdvancedPlaceItemElement class

class google.maps.places.AdvancedPlaceItemElement extends PlaceItemElement, HTMLElement implements AdvancedPlaceItemElementOptions, PlaceItemElementOptions
library "places"

উন্নত জায়গার তালিকা আইটেমের জন্য পাবলিক ওয়েব কম্পোনেন্ট র‍্যাপার (<gmp-advanced-place-item>)। <gmp-advanced-place-item> কাস্টম এলিমেন্ট উন্নত সার্চ বা সংগ্রহ কন্টেনারের মধ্যে স্বতন্ত্র রিচ প্লেস ফলাফল কার্ড রেন্ডার করে, যেমন <gmp-advanced-place-search> বা <gmp-advanced-place-list>। প্রতিটি <gmp-advanced-place-item>-এ Places UI Kit থেকে চাইল্ড ভিজ্যুয়াল কম্পোনেন্ট দিয়ে তৈরি জায়গার বিস্তারিত বিবরণ, মিডিয়া কোলাজ, এডিটোরিয়াল সারসংক্ষেপ ও ইন্টার‍্যাক্টিভ অ্যাকশন বোতাম থাকে।

<gmp-advanced-place-item></gmp-advanced-place-item>

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

স্লট
basic-section-bottom	বিজ্ঞপ্তি: শুধুমাত্র v=alpha চ্যানেলে উপলভ্য। প্রাথমিক তথ্য বিভাগের নিচে, সরাসরি প্রধান অ্যাকশন বোতামের নিচে কাস্টম HTML কন্টেন্টের জন্য একটি স্লট।
basic-section-top	বিজ্ঞপ্তি: শুধুমাত্র v=alpha চ্যানেলে উপলভ্য। বেসিক তথ্য বিভাগে কাস্টম HTML কন্টেন্টের জন্য একটি স্লট রেন্ডার করা হয়েছে, যা সরাসরি জায়গার নামের উপরে রয়েছে।

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

AdvancedPlaceItemElementOptions ইন্টারফেস

ইন্টারফেস google.maps.places.AdvancedPlaceItemElementOptions PlaceItemElementOptions-এর এক্সটেনশন
AdvancedPlaceItemElement-এর মাধ্যমে প্রয়োগ করা হয়েছে

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

PlaceSearchAttributionPosition constants

constants google.maps.places.PlaceSearchAttributionPosition
library "places"

PlaceSearchElement-এর জন্য অ্যাট্রিবিউশন পজিশন।

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

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

ধ্রুবক
BOTTOM	PlaceSearchElement-এর নিচে অ্যাট্রিবিউশন
TOP	PlaceSearchElement-এর উপরে অ্যাট্রিবিউশন

PlaceSearchOrientation কনস্ট্যান্ট

constants google.maps.places.PlaceSearchOrientation
library "places"

PlaceSearchElement-এর জন্য ওরিয়েন্টেশন ভ্যারিয়েন্ট।

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

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

ধ্রুবক
HORIZONTAL	অনুভূমিক সজ্জা।
VERTICAL	উল্লম্ব ওরিয়েন্টেশন।

PlaceSelectEvent ক্লাস

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

জায়গার তালিকা থেকে কোনও জায়গা বেছে নেওয়া হলে এই ইভেন্ট ট্রিগার হয়। event.place-এর মাধ্যমে বেছে নেওয়া আইটেম অ্যাক্সেস করুন।

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

প্রপার্টি
place readonly	ধরন: Place বেছে নেওয়া জায়গা।

PlaceNearbySearchRequestElement ক্লাস

class google.maps.places.PlaceNearbySearchRequestElement extends HTMLElement implements PlaceNearbySearchRequestElementOptions
library "places"

আশেপাশের সার্চ অনুরোধের ভিত্তিতে ফলাফল লোড করার জন্য PlaceSearchElement কনফিগার করে। সার্চ এলিমেন্ট লোড করার জন্য locationRestriction প্রপার্টি প্রয়োজন। locationRestriction সেট করা না থাকলে, কনফিগার করা অন্য যেকোনও প্রপার্টি উপেক্ষা করা হবে। ফলাফল লোড করতে, এই এলিমেন্টকে PlaceSearchElement-এর চাইল্ড হিসেবে যোগ করুন। যেমন:

 <gmp-place-search>
   <gmp-place-nearby-search-request
     location-restriction="RADIUS@LAT,LNG"
   ></gmp-place-nearby-search-request>
   <gmp-place-content-config>
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </gmp-place-content-config>
 </gmp-place-search> 

<gmp-place-nearby-search-request
  excluded-primary-types="excluded-primary-type1 excluded-primary-type2..."
  excluded-types="excluded-type1 excluded-type2..."
  included-primary-types="included-primary-type1 included-primary-type2..."
  included-types="included-type1 included-type2..."
  location-restriction="radius@lat,lng"
  max-result-count="number"
  rank-preference="value-name">
</gmp-place-nearby-search-request>

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

নির্মাণকারী
PlaceNearbySearchRequestElement	PlaceNearbySearchRequestElement([options]) প্যারামিটার: options: PlaceNearbySearchRequestElementOptions optional

প্রপার্টি
excludedPrimaryTypes attr: excluded-primary-types	ইনপুটের ধরন: Array<string> optional আউটপুটের ধরন: Array<string> optional ডিফল্ট: null বাদ দেওয়া প্রাথমিক জায়গার ধরন। HTML অ্যাট্রিবিউট: excluded-primary-types="excluded-primary-type1 excluded-primary-type2..."
excludedTypes attr: excluded-types	ইনপুটের ধরন: Array<string> optional আউটপুটের ধরন: Array<string> optional ডিফল্ট: null বাদ দেওয়া জায়গার ধরন। HTML অ্যাট্রিবিউট: excluded-types="excluded-type1 excluded-type2..."
futureOpeningBusinessesIncluded	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean optional এখনও খোলা হয়নি কিন্তু ভবিষ্যতে খোলা হবে বলে আশা করা হচ্ছে এমন ব্যবসার জন্য জায়গার পূর্বাভাস অন্তর্ভুক্ত করুন।
includedPrimaryTypes attr: included-primary-types	ইনপুটের ধরন: Array<string> optional আউটপুটের ধরন: Array<string> optional ডিফল্ট: null অন্তর্ভুক্ত করা প্রাথমিক জায়গার ধরন। HTML অ্যাট্রিবিউট: included-primary-types="included-primary-type1 included-primary-type2..."
includedTypes attr: included-types	ইনপুটের ধরন: Array<string> optional আউটপুটের ধরন: Array<string> optional ডিফল্ট: null অন্তর্ভুক্ত জায়গার ধরন। HTML অ্যাট্রিবিউট: included-types="included-type1 included-type2..."
locationRestriction attr: location-restriction	ইনপুটের ধরন: Circle|CircleLiteral optional আউটপুটের ধরন: Circle optional ডিফল্ট: null যে অঞ্চল সার্চ করতে হবে। Circle-এ নরমালাইজ করে। HTML অ্যাট্রিবিউট: location-restriction="radius@lat,lng"
maxResultCount attr: max-result-count	ইনপুটের ধরন: number optional আউটপুটের ধরন: number optional ডিফল্ট: null ফলাফলের সর্বাধিক সংখ্যা যা ফেরত পাঠানো হবে। HTML অ্যাট্রিবিউট: max-result-count="number"
rankPreference attr: rank-preference	ইনপুটের ধরন: SearchNearbyRankPreference optional আউটপুটের ধরন: SearchNearbyRankPreference optional ডিফল্ট: null উত্তরে ফলাফল কীভাবে র‍্যাঙ্ক করা হবে। HTML অ্যাট্রিবিউট: rank-preference="value-name"

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

PlaceNearbySearchRequestElementOptions ইন্টারফেস

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

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

প্রপার্টি
excludedPrimaryTypes ঐচ্ছিক	ধরন: Array<string> optional বাদ দেওয়া প্রাথমিক জায়গার ধরন। আরও বিবরণের জন্য PlaceNearbySearchRequestElement.excludedPrimaryTypes এবং SearchNearbyRequest.excludedPrimaryTypes দেখুন।
excludedTypes ঐচ্ছিক	ধরন: Array<string> optional বাদ দেওয়া জায়গার ধরন। আরও বিবরণের জন্য PlaceNearbySearchRequestElement.excludedTypes এবং SearchNearbyRequest.excludedTypes দেখুন।
futureOpeningBusinessesIncluded ঐচ্ছিক	ধরন: boolean optional এখনও খোলা হয়নি কিন্তু ভবিষ্যতে খোলা হবে বলে আশা করা হচ্ছে এমন ব্যবসার জন্য জায়গার পূর্বাভাস অন্তর্ভুক্ত করুন।
includedPrimaryTypes ঐচ্ছিক	ধরন: Array<string> optional প্রাথমিক জায়গার ধরন অন্তর্ভুক্ত করা হয়েছে। আরও বিবরণের জন্য PlaceNearbySearchRequestElement.includedPrimaryTypes এবং SearchNearbyRequest.includedPrimaryTypes দেখুন।
includedTypes ঐচ্ছিক	ধরন: Array<string> optional অন্তর্ভুক্ত জায়গার ধরন। আরও বিবরণের জন্য PlaceNearbySearchRequestElement.includedTypes এবং SearchNearbyRequest.includedTypes দেখুন।
locationRestriction ঐচ্ছিক	ধরন: Circle|CircleLiteral optional যে অঞ্চল সার্চ করতে হবে। আরও বিবরণের জন্য PlaceNearbySearchRequestElement.locationRestriction এবং SearchNearbyRequest.locationRestriction দেখুন।
maxResultCount ঐচ্ছিক	ধরন: number optional ফলাফলের সর্বাধিক সংখ্যা যা ফেরত পাঠানো হবে। আরও বিবরণের জন্য PlaceNearbySearchRequestElement.maxResultCount এবং SearchNearbyRequest.maxResultCount দেখুন।
rankPreference ঐচ্ছিক	ধরন: SearchNearbyRankPreference optional উত্তরে ফলাফল কীভাবে র‍্যাঙ্ক করা হবে। আরও বিবরণের জন্য PlaceNearbySearchRequestElement.rankPreference এবং SearchNearbyRankPreference দেখুন।

PlaceTextSearchRequestElement ক্লাস

class google.maps.places.PlaceTextSearchRequestElement extends HTMLElement implements PlaceTextSearchRequestElementOptions
library "places"

টেক্সট সার্চ অনুরোধের ভিত্তিতে ফলাফল লোড করার জন্য PlaceSearchElement কনফিগার করে। সার্চ এলিমেন্ট লোড করার জন্য textQuery প্রপার্টি প্রয়োজন। textQuery সেট করা না থাকলে, কনফিগার করা অন্য যেকোনও প্রপার্টি উপেক্ষা করা হবে। ফলাফল লোড করতে, এই এলিমেন্টকে PlaceSearchElement-এর চাইল্ড হিসেবে যোগ করুন। যেমন:

 <gmp-place-search>
   <gmp-place-text-search-request
     text-query="QUERY"
   ></gmp-place-text-search-request>
   <gmp-place-content-config>
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </gmp-place-content-config>
 </gmp-place-search> 

<gmp-place-text-search-request
  ev-connector-types="ev-connector-type1 ev-connector-type2..."
  ev-minimum-charging-rate-kw="number"
  included-type="type"
  is-open-now
  location-bias="lat,lng"
  location-restriction="southwest-lat,southwest-lng|northeast-lat,northeast-lng"
  max-result-count="number"
  min-rating="number"
  price-levels="price-level1 price-level2..."
  rank-preference="value-name"
  text-query="string"
  use-strict-type-filtering>
</gmp-place-text-search-request>

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

নির্মাণকারী
PlaceTextSearchRequestElement	PlaceTextSearchRequestElement([options]) প্যারামিটার: options: PlaceTextSearchRequestElementOptions optional

প্রপার্টি
evConnectorTypes attr: ev-connector-types	ইনপুটের ধরন: Array<EVConnectorType> optional আউটপুটের ধরন: Array<EVConnectorType> optional ডিফল্ট: null পছন্দের EV কানেক্টরের ধরনের তালিকা। HTML অ্যাট্রিবিউট: ev-connector-types="ev-connector-type1 ev-connector-type2..."
evMinimumChargingRateKw attr: ev-minimum-charging-rate-kw	ইনপুটের ধরন: number optional আউটপুটের ধরন: number optional ডিফল্ট: null কিলোওয়াটে ন্যূনতম প্রয়োজনীয় চার্জিং রেট। HTML অ্যাট্রিবিউট: ev-minimum-charging-rate-kw="number"
futureOpeningBusinessesIncluded	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean optional এখনও খোলা হয়নি কিন্তু ভবিষ্যতে খোলা হবে বলে আশা করা হচ্ছে এমন ব্যবসার জন্য জায়গার পূর্বাভাস অন্তর্ভুক্ত করুন।
includedType attr: included-type	ইনপুটের ধরন: string optional আউটপুটের ধরন: string optional ডিফল্ট: null অনুরোধ করা জায়গার ধরন। HTML অ্যাট্রিবিউট: included-type="type"
isOpenNow attr: is-open-now	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean optional ডিফল্ট: null বর্তমানে খোলা আছে এমন জায়গায় সার্চ সীমাবদ্ধ করতে ব্যবহার করা হয়। HTML অ্যাট্রিবিউট: is-open-now
locationBias attr: location-bias	ইনপুটের ধরন: LocationBias optional আউটপুটের ধরন: LatLngAltitude|LatLngBounds|Circle|string optional ডিফল্ট: null সার্চের জন্য লোকেশন বায়াস। HTML অ্যাট্রিবিউট: location-bias="lat,lng" location-bias="lat,lng[,altitude]" location-bias="swlat,swlng|nelat,nelng" location-bias="radius@lat,lng" location-bias="IP_BIAS"
locationRestriction attr: location-restriction	ইনপুটের ধরন: LatLngBounds|LatLngBoundsLiteral optional আউটপুটের ধরন: LatLngBounds optional ডিফল্ট: null সার্চের জন্য লোকেশন সংক্রান্ত বিধিনিষেধ। LatLngBounds-এ নরমালাইজ করে। HTML অ্যাট্রিবিউট: location-restriction="southwest-lat,southwest-lng|northeast-lat,northeast-lng"
maxResultCount attr: max-result-count	ইনপুটের ধরন: number optional আউটপুটের ধরন: number optional ডিফল্ট: null ফলাফলের সর্বাধিক সংখ্যা যা ফেরত পাঠানো হবে। HTML অ্যাট্রিবিউট: max-result-count="number"
minRating attr: min-rating	ইনপুটের ধরন: number optional আউটপুটের ধরন: number optional ডিফল্ট: null এই সীমার থেকে কম গড় ব্যবহারকারী রেটিং আছে এমন ফলাফল ফিল্টার করুন। HTML অ্যাট্রিবিউট: min-rating="number"
priceLevels attr: price-levels	ইনপুটের ধরন: Array<PriceLevel> optional আউটপুটের ধরন: Array<PriceLevel> optional ডিফল্ট: null নির্দিষ্ট দামের লেভেল হিসেবে চিহ্নিত করা হয়েছে এমন জায়গায় সার্চ সীমাবদ্ধ করতে ব্যবহার করা হয়। HTML অ্যাট্রিবিউট: price-levels="price-level1 price-level2..."
rankPreference attr: rank-preference	ইনপুটের ধরন: SearchByTextRankPreference optional আউটপুটের ধরন: SearchByTextRankPreference optional ডিফল্ট: null উত্তরে ফলাফল কীভাবে র‍্যাঙ্ক করা হবে। HTML অ্যাট্রিবিউট: rank-preference="value-name"
textQuery attr: text-query	ইনপুটের ধরন: string optional আউটপুটের ধরন: string optional ডিফল্ট: null টেক্সট সার্চের জন্য টেক্সট কোয়েরি। HTML অ্যাট্রিবিউট: text-query="string"
useStrictTypeFiltering attr: use-strict-type-filtering	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean optional ডিফল্ট: null 'includedType'-এর জন্য কঠোর ধরনের ফিল্টারিং সেট করতে ব্যবহৃত হয়। HTML অ্যাট্রিবিউট: use-strict-type-filtering

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

PlaceTextSearchRequestElementOptions ইন্টারফেস

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

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

প্রপার্টি
evConnectorTypes ঐচ্ছিক	ধরন: Array<EVConnectorType> optional পছন্দের EV কানেক্টরের ধরনের তালিকা। আরও বিবরণের জন্য SearchByTextRequest.evSearchOptions এবং PlaceTextSearchRequestElement.evConnectorTypes দেখুন।
evMinimumChargingRateKw ঐচ্ছিক	ধরন: number optional কিলোওয়াটে ন্যূনতম প্রয়োজনীয় চার্জিং রেট। আরও বিবরণের জন্য SearchByTextRequest.evSearchOptions এবং PlaceTextSearchRequestElement.evMinimumChargingRateKw দেখুন।
futureOpeningBusinessesIncluded ঐচ্ছিক	ধরন: boolean optional এখনও খোলা হয়নি কিন্তু ভবিষ্যতে খোলা হবে বলে আশা করা হচ্ছে এমন ব্যবসার জন্য জায়গার পূর্বাভাস অন্তর্ভুক্ত করুন।
includedType ঐচ্ছিক	ধরন: string optional অনুরোধ করা জায়গার ধরন। আরও বিবরণের জন্য SearchByTextRequest.includedType এবং PlaceTextSearchRequestElement.includedType দেখুন।
isOpenNow ঐচ্ছিক	ধরন: boolean optional বর্তমানে খোলা আছে এমন জায়গায় সার্চ সীমাবদ্ধ করতে ব্যবহার করা হয়। আরও বিবরণের জন্য SearchByTextRequest.isOpenNow এবং PlaceTextSearchRequestElement.isOpenNow দেখুন।
locationBias ঐচ্ছিক	ধরন: LocationBias optional সার্চের জন্য লোকেশন বায়াস। আরও বিবরণের জন্য SearchByTextRequest.locationBias এবং PlaceTextSearchRequestElement.locationBias দেখুন।
locationRestriction ঐচ্ছিক	ধরন: LatLngBounds|LatLngBoundsLiteral optional সার্চের জন্য লোকেশন সংক্রান্ত বিধিনিষেধ। আরও বিবরণের জন্য SearchByTextRequest.locationRestriction এবং PlaceTextSearchRequestElement.locationRestriction দেখুন।
maxResultCount ঐচ্ছিক	ধরন: number optional ফলাফলের সর্বাধিক সংখ্যা যা ফেরত পাঠানো হবে। আরও বিবরণের জন্য SearchByTextRequest.maxResultCount এবং PlaceTextSearchRequestElement.maxResultCount দেখুন।
minRating ঐচ্ছিক	ধরন: number optional এই সীমার থেকে কম গড় ব্যবহারকারী রেটিং আছে এমন ফলাফল ফিল্টার করুন। আরও বিবরণের জন্য SearchByTextRequest.minRating এবং PlaceTextSearchRequestElement.minRating দেখুন।
priceLevels ঐচ্ছিক	ধরন: Array<PriceLevel> optional নির্দিষ্ট দামের লেভেল হিসেবে চিহ্নিত করা হয়েছে এমন জায়গায় সার্চ সীমাবদ্ধ করতে ব্যবহার করা হয়। আরও বিবরণের জন্য SearchByTextRequest.priceLevels এবং PlaceTextSearchRequestElement.priceLevels দেখুন।
rankPreference ঐচ্ছিক	ধরন: SearchByTextRankPreference optional উত্তরে ফলাফল কীভাবে র‍্যাঙ্ক করা হবে। আরও বিবরণের জন্য SearchByTextRequest.rankPreference এবং PlaceTextSearchRequestElement.rankPreference দেখুন।
textQuery ঐচ্ছিক	ধরন: string optional টেক্সট সার্চের জন্য টেক্সট কোয়েরি। আরও বিবরণের জন্য SearchByTextRequest.textQuery এবং PlaceTextSearchRequestElement.textQuery দেখুন।
useStrictTypeFiltering ঐচ্ছিক	ধরন: boolean optional SearchByTextRequest.includedType-এর জন্য কঠোর ধরনের ফিল্টারিং সেট করতে ব্যবহৃত হয়। আরও বিবরণের জন্য SearchByTextRequest.useStrictTypeFiltering এবং PlaceTextSearchRequestElement.useStrictTypeFiltering দেখুন।

অটোমেটিক সম্পূর্ণ হওয়া ক্লাস

class google.maps.places.Autocomplete extends MVCObject
library "places"

বন্ধ করে দেওয়া হয়েছে: ১ মার্চ, ২০২৫ থেকে, নতুন গ্রাহকদের জন্য google.maps.places.Autocomplete উপলভ্য নেই। এর পরিবর্তে PlaceAutocompleteElement ব্যবহার করুন। এই মুহূর্তে, google.maps.places.Autocomplete বন্ধ করার কোনও পরিকল্পনা নেই, তবে google.maps.places.Autocomplete-এর পরিবর্তে PlaceAutocompleteElement ব্যবহার করার সাজেশন দেওয়া হচ্ছে। google.maps.places.Autocomplete-এ কোনও বড় ধরনের রিগ্রেশন হলে তা ঠিক করা হলেও, google.maps.places.Autocomplete-এ আগে থেকে থাকা কোনও সমস্যা সমাধান করা হবে না। সহায়তা বন্ধ করার আগে অন্তত ১২ মাসের নোটিশ দেওয়া হবে। আরও বিশদে জানতে https://developers.google.com/maps/legacy দেখুন এবং মাইগ্রেশন গাইডের জন্য https://developers.google.com/maps/documentation/javascript/places-migration-overview দেখুন।

ব্যবহারকারীর টেক্সট ইনপুটের উপর ভিত্তি করে জায়গার পূর্বাভাস প্রদানকারী একটি উইজেট। এটি text ধরনের ইনপুট এলিমেন্টের সাথে অ্যাটাচ করে এবং সেই ফিল্ডে টেক্সট এন্ট্রির জন্য অপেক্ষা করে। অনুমান করা শব্দের তালিকা ড্রপ-ডাউন তালিকা হিসেবে দেখানো হয় এবং টেক্সট লেখার সাথে সাথে এটি আপডেট করা হয়।

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

নির্মাণকারী
Autocomplete	Autocomplete(inputField[, opts]) প্যারামিটার: inputField: HTMLInputElement <input> টেক্সট ফিল্ড যার সাথে Autocomplete অ্যাটাচ করতে হবে। opts: AutocompleteOptions optional সংক্রান্ত বিকল্প। Autocomplete-এর নতুন ইনস্ট্যান্স তৈরি করে যা প্রদত্ত বিকল্প সহ নির্দিষ্ট ইনপুট টেক্সট ফিল্ডের সাথে অ্যাটাচ করা থাকে।

পদ্ধতি
getBounds	getBounds() প্যারামিটার: কিছু নেই রিটার্ন ভ্যালু: LatLngBounds|undefined বায়াসিং বাউন্ড। পূর্বাভাস পক্ষপাতদুষ্ট হওয়ার সীমা দেখায়।
getFields	getFields() প্যারামিটার: কিছু নেই রিটার্ন ভ্যালু: Array<string>|undefined বিবরণ সফলভাবে ফিরিয়ে আনা হলে, বিবরণের উত্তরে জায়গার জন্য অন্তর্ভুক্ত করার ফিল্ড ফিরিয়ে আনে। ফিল্ডের তালিকা দেখতে PlaceResult দেখুন।
getPlace	getPlace() প্যারামিটার: কিছু নেই রিটার্ন ভ্যালু: PlaceResult ব্যবহারকারীর বেছে নেওয়া জায়গা। বিবরণ সফলভাবে ফিরিয়ে আনা হলে, ব্যবহারকারীর বেছে নেওয়া জায়গার বিবরণ দেখায়। অন্যথায়, ইনপুট ফিল্ডের বর্তমান ভ্যালুতে সেট করা name প্রপার্টি সহ একটি স্টাব Place অবজেক্ট রিটার্ন করে।
setBounds	setBounds(bounds) প্যারামিটার: bounds: LatLngBounds|LatLngBoundsLiteral optional বায়াসিং বাউন্ড। রিটার্ন ভ্যালু: কিছু নেই জায়গার ফলাফল দেখানোর জন্য পছন্দের এলাকা সেট করে। ফলাফল এই এলাকার জন্য পক্ষপাতদুষ্ট, তবে এর মধ্যেই সীমাবদ্ধ নয়।
setComponentRestrictions	setComponentRestrictions(restrictions) প্যারামিটার: restrictions: ComponentRestrictions optional ব্যবহারের ক্ষেত্রে বিধিনিষেধ। রিটার্ন ভ্যালু: কিছু নেই কম্পোনেন্ট সংক্রান্ত বিধিনিষেধ সেট করে। কম্পোনেন্ট সংক্রান্ত বিধিনিষেধ ব্যবহার করে শুধু পেরেন্ট কম্পোনেন্টের মধ্যে থাকা পূর্বাভাস সীমাবদ্ধ করা হয়। যেমন, দেশ।
setFields	setFields(fields) প্যারামিটার: fields: Array<string> optional রিটার্ন ভ্যালু: কিছু নেই বিবরণ সফলভাবে ফিরিয়ে আনা হলে, বিবরণের উত্তরে জায়গার জন্য অন্তর্ভুক্ত করার ফিল্ড সেট করে। ফিল্ডের তালিকা দেখতে PlaceResult দেখুন।
setOptions	setOptions(options) প্যারামিটার: options: AutocompleteOptions optional রিটার্ন ভ্যালু: কিছু নেই
setTypes	setTypes(types) প্যারামিটার: types: Array<string> optional যে ধরনের পূর্বাভাস অন্তর্ভুক্ত করা হবে। রিটার্ন ভ্যালু: কিছু নেই যে ধরনের অনুমান ফেরত দেওয়া হবে তা সেট করে। কোন ফর্ম্যাট কাজ করবে তা জানতে ডেভেলপারের নির্দেশিকা দেখুন। কোনও ধরন উল্লেখ করা না থাকলে, সব ধরন দেখানো হবে।
উত্তরাধিকার সূত্রে প্রাপ্ত: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

ইভেন্ট
place_changed	function() আর্গুমেন্ট: কিছু নেই ব্যবহারকারীর বেছে নেওয়া কোনও জায়গার জন্য PlaceResult উপলভ্য হলে এই ইভেন্ট ট্রিগার করা হয়। ব্যবহারকারী যদি এমন কোনও জায়গার নাম লেখেন যা কন্ট্রোল সাজেস্ট করেনি এবং Enter কী প্রেস করেন অথবা জায়গার বিবরণ সংক্রান্ত অনুরোধ ব্যর্থ হয়, তাহলে PlaceResult-এর name প্রপার্টিতে ব্যবহারকারীর ইনপুট থাকে, অন্য কোনও প্রপার্টি সংজ্ঞায়িত করা থাকে না।

AutocompleteOptions ইন্টারফেস

ইন্টারফেস google.maps.places.AutocompleteOptions

Autocomplete অবজেক্টে যেসব বিকল্প সেট করা যেতে পারে।

প্রপার্টি
bounds ঐচ্ছিক	ধরন: LatLngBounds|LatLngBoundsLiteral optional যে এলাকায় জায়গা সার্চ করতে হবে।
componentRestrictions ঐচ্ছিক	ধরন: ComponentRestrictions optional কম্পোনেন্ট সংক্রান্ত বিধিনিষেধ। কম্পোনেন্ট সংক্রান্ত বিধিনিষেধ ব্যবহার করে শুধু পেরেন্ট কম্পোনেন্টের মধ্যে থাকা পূর্বাভাস সীমাবদ্ধ করা হয়। যেমন, দেশ।
fields ঐচ্ছিক	ধরন: Array<string> optional বিবরণ সফলভাবে ফিরিয়ে আনা হলে, বিবরণের উত্তরে জায়গার জন্য অন্তর্ভুক্ত করার ফিল্ড, যার জন্য বিল করা হবে। ['ALL'] পাস করা হলে, উপলভ্য সব ফিল্ড ফেরত দেওয়া হবে এবং সেগুলির জন্য বিল করা হবে (প্রোডাকশন ডেপ্লয়মেন্টের জন্য এটি সাজেস্ট করা হয় না)। ফিল্ডের তালিকা দেখতে PlaceResult দেখুন। নেস্টেড ফিল্ড ডট-পাথ (যেমন, "geometry.location") দিয়ে নির্দিষ্ট করা যেতে পারে। ডিফল্ট হল ['ALL']।
placeIdOnly ঐচ্ছিক	বন্ধ করা হয়েছে: ১৫ জানুয়ারি, ২০১৯ থেকে placeIdOnly বন্ধ করা হয়েছে এবং ১৫ জানুয়ারি, ২০২০ থেকে এটি বন্ধ করে দেওয়া হবে। পরিবর্তে AutocompleteOptions.fields ব্যবহার করুন: fields: ['place_id', 'name', 'types']। ধরন: boolean optional শুধুমাত্র জায়গার আইডি ফিরিয়ে আনা হবে কিনা। place_changed ইভেন্ট ফায়ার করা হলে, উপলভ্য হওয়া PlaceResult-এ শুধুমাত্র place_id, types এবং name ফিল্ড থাকবে, সাথে Autocomplete পরিষেবার মাধ্যমে রিটার্ন করা place_id, types এবং description থাকবে। ডিফল্ট হিসেবে বন্ধ করা আছে।
strictBounds ঐচ্ছিক	ধরন: boolean optional একটি বুলিয়ান ভ্যালু, যা ইঙ্গিত করে যে কোয়েরি পাঠানোর সময় অটোমেটিক সম্পূর্ণ করার উইজেটের সীমার মধ্যে থাকা জায়গাগুলিই শুধু অটোমেটিক সম্পূর্ণ করার উইজেট দেখাবে। strictBounds-কে false (যা ডিফল্ট) হিসেবে সেট করলে, ফলাফলগুলি সীমার মধ্যে থাকা জায়গাগুলির দিকে পক্ষপাতদুষ্ট হবে, তবে তার মধ্যেই সীমাবদ্ধ থাকবে না।
types ঐচ্ছিক	ধরন: Array<string> optional যে ধরনের পূর্বাভাস ফেরত দেওয়া হবে। কোন ফর্ম্যাট কাজ করবে তা জানতে ডেভেলপারের নির্দেশিকা দেখুন। কোনও ধরন উল্লেখ করা না থাকলে, সব ধরন দেখানো হবে।

SearchBox class

class google.maps.places.SearchBox extends MVCObject
library "places"

বন্ধ করে দেওয়া হয়েছে: ১ মার্চ, ২০২৫ থেকে, নতুন গ্রাহকদের জন্য google.maps.places.SearchBox উপলভ্য নয়। এই মুহূর্তে, google.maps.places.SearchBox বন্ধ করার কোনও পরিকল্পনা নেই এবং কোনও বড় ধরনের রিগ্রেশনের জন্য ত্রুটি সমাধান করা চালিয়ে যাওয়া হবে। সহায়তা বন্ধ করার আগে অন্তত ১২ মাসের নোটিশ দেওয়া হবে। আরও তথ্যের জন্য https://developers.google.com/maps/legacy দেখুন।

ব্যবহারকারীর টেক্সট ইনপুটের উপর ভিত্তি করে কোয়েরি সংক্রান্ত পূর্বাভাস প্রদান করে এমন একটি উইজেট। এটি text ধরনের ইনপুট এলিমেন্টের সাথে অ্যাটাচ করে এবং সেই ফিল্ডে টেক্সট এন্ট্রির জন্য অপেক্ষা করে। অনুমান করা শব্দের তালিকা ড্রপ-ডাউন তালিকা হিসেবে দেখানো হয় এবং টেক্সট লেখার সাথে সাথে এটি আপডেট করা হয়।

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

নির্মাণকারী
SearchBox	SearchBox(inputField[, opts]) প্যারামিটার: inputField: HTMLInputElement opts: SearchBoxOptions optional SearchBox-এর নতুন ইনস্ট্যান্স তৈরি করে যা প্রদত্ত বিকল্প সহ নির্দিষ্ট ইনপুট টেক্সট ফিল্ডের সাথে অ্যাটাচ করা থাকে।

পদ্ধতি
getBounds	getBounds() প্যারামিটার: কিছু নেই রিটার্ন ভ্যালু: LatLngBounds|undefined কোয়েরি পূর্বাভাসের পক্ষপাতিত্বের সীমা দেখায়।
getPlaces	getPlaces() প্যারামিটার: কিছু নেই রিটার্ন ভ্যালু: Array<PlaceResult>|undefined places_changed ইভেন্টের সাথে ব্যবহার করার জন্য ব্যবহারকারীর বেছে নেওয়া কোয়েরি রিটার্ন করে।
setBounds	setBounds(bounds) প্যারামিটার: bounds: LatLngBounds|LatLngBoundsLiteral optional রিটার্ন ভ্যালু: কিছু নেই কোয়েরি প্রেডিকশন বায়াস করার জন্য অঞ্চল সেট করে। ফলাফল শুধুমাত্র এই এলাকার জন্য পক্ষপাতদুষ্ট হবে এবং সম্পূর্ণরূপে এতে সীমাবদ্ধ থাকবে না।
উত্তরাধিকার সূত্রে প্রাপ্ত: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

ইভেন্ট
places_changed	function() আর্গুমেন্ট: কিছু নেই ব্যবহারকারী কোনও কোয়েরি বেছে নিলে এই ইভেন্টটি ফায়ার করা হয়, নতুন জায়গা পেতে getPlaces ব্যবহার করা উচিত।

SearchBoxOptions ইন্টারফেস

ইন্টারফেস google.maps.places.SearchBoxOptions

SearchBox অবজেক্টে যেসব বিকল্প সেট করা যেতে পারে।

প্রপার্টি
bounds ঐচ্ছিক	ধরন: LatLngBounds|LatLngBoundsLiteral optional যে এলাকার জন্য কোয়েরির পূর্বাভাস পক্ষপাতদুষ্ট। এইসব সীমাকে টার্গেট করা কোয়েরির ক্ষেত্রে পূর্বাভাস পক্ষপাতদুষ্ট হয়, তবে এর মধ্যেই সীমাবদ্ধ থাকে না।

PlaceContextualElement ক্লাস

class google.maps.places.PlaceContextualElement extends HTMLElement implements PlaceContextualElementOptions
library "places"

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

একটি উইজেট যা Grounding with Google Maps-এর উত্তরের কনটেক্সচুয়াল ভিউ দেখানোর জন্য কনটেক্সট টোকেন ব্যবহার করে।

<gmp-place-contextual
  context-token="string">
</gmp-place-contextual>

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

নির্মাণকারী
PlaceContextualElement	PlaceContextualElement([options]) প্যারামিটার: options: PlaceContextualElementOptions optional

প্রপার্টি
contextToken attr: context-token	ইনপুটের ধরন: string optional আউটপুটের ধরন: string optional কনটেক্সট টোকেন। HTML অ্যাট্রিবিউট: context-token="string"

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

PlaceContextualElementOptions ইন্টারফেস

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

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

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

প্রপার্টি
contextToken ঐচ্ছিক	ধরন: string optional Grounding with Google Maps-এর উত্তরে দেওয়া কনটেক্সট টোকেন।

PlaceContextualListConfigElement ক্লাস

class google.maps.places.PlaceContextualListConfigElement extends HTMLElement implements PlaceContextualListConfigElementOptions
library "places"

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

একটি HTML এলিমেন্ট যা প্লেস কনটেক্সচুয়াল এলিমেন্টের তালিকা ভিউয়ের জন্য বিকল্প কনফিগার করে।

<gmp-place-contextual-list-config
  layout="value-name"
  map-hidden>
</gmp-place-contextual-list-config>

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

নির্মাণকারী
PlaceContextualListConfigElement	PlaceContextualListConfigElement([options]) প্যারামিটার: options: PlaceContextualListConfigElementOptions optional

প্রপার্টি
layout attr: layout	ইনপুটের ধরন: PlaceContextualListLayout optional আউটপুটের ধরন: PlaceContextualListLayout লেআউট। HTML অ্যাট্রিবিউট: layout="value-name"
mapHidden attr: map-hidden	ইনপুটের ধরন: boolean optional আউটপুটের ধরন: boolean ম্যাপ লুকানো আছে কিনা। HTML অ্যাট্রিবিউট: map-hidden

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

PlaceContextualListConfigElementOptions ইন্টারফেস

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

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

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

প্রপার্টি
layout ঐচ্ছিক	ধরন: PlaceContextualListLayout optional ডিফল্ট: PlaceContextualListLayout.VERTICAL লেআউট।
mapHidden ঐচ্ছিক	ধরন: boolean optional ডিফল্ট: false ম্যাপ লুকানো উচিত হলে True।

PlaceContextualListLayout constants

constants google.maps.places.PlaceContextualListLayout
library "places"

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

তালিকা ভিউয়ের জন্য প্লেস কন্টেক্সচুয়াল এলিমেন্ট যেসব লেআউট সাপোর্ট করে তার তালিকা।

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

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

ধ্রুবক
COMPACT	কমপ্যাক্ট তালিকা লেআউট: তালিকা আইটেমগুলি একটি একক লাইন জুড়ে লিঙ্ক হিসাবে রেন্ডার করা হয়, একটি ড্রপডাউন তালিকায় ওভারফ্লো সহ।
VERTICAL	উল্লম্ব তালিকা লেআউট: তালিকা আইটেমগুলি উল্লম্ব তালিকায় কার্ড হিসাবে রেন্ডার করা হয়।

PlacePinElement ক্লাস

class google.maps.places.PlacePinElement extends HTMLElement implements PlacePinElementOptions
library "places"

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

জায়গার বিভাগ আইকন বা ফটো ব্যবহার করে, কোনও জায়গার জন্য ম্যাপ পিন দেখায়। জায়গাটি নির্দিষ্ট করতে PlaceDetailsPlaceRequestElement বা PlaceDetailsLocationRequestElement যোগ করুন। AdvancedMarkerElement-এর কন্টেন্ট হিসেবে পিন ব্যবহার করুন। 3D ম্যাপে কাজ করে না।

উদাহরণ:

 <gmp-advanced-marker>
   <gmp-place-pin>
     <gmp-place-details-place-request
       place="PLACE_ID"
     ></gmp-place-details-place-request>
     <gmp-place-rating></gmp-place-rating>
   </gmp-place-pin>
 </gmp-advanced-marker> 

এই এলিমেন্ট ব্যবহার করতে, Google Cloud কনসোলে আপনার প্রোজেক্টের জন্য Places UI Kit API চালু করুন।

<gmp-place-pin
  icon="value-name"
  scale="number">
</gmp-place-pin>

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

নির্মাণকারী
PlacePinElement	PlacePinElement([options]) প্যারামিটার: options: PlacePinElementOptions optional

প্রপার্টি
icon attr: icon	ইনপুটের ধরন: PlacePinIcon optional আউটপুটের ধরন: PlacePinIcon ডিফল্ট: PlacePinIcon.TYPE পিনের মধ্যে দেখানো আইকন। PlacePinIcon দেখুন। HTML অ্যাট্রিবিউট: icon="value-name"
photoRendered readonly	ধরন: boolean শুধু পড়া যাবে। পিনটি জায়গার ফটো দেখালে ট্রু। icon যদি PHOTO না হয়, তাহলে সবসময় ফলস হিসেবে বিবেচিত হয়। icon যদি PHOTO হয় কিন্তু জায়গার কোনও ফটো না থাকে অথবা ফটো লোড না হয়, তাহলে এটি মিথ্যা এবং পিনটি পরিবর্তে জায়গার ধরন সংক্রান্ত আইকন দেখায়। gmp-load ফায়ার হওয়ার আগে সেট করুন।
place readonly	ধরন: Place optional শুধু পড়া যাবে। বর্তমানে রেন্ডার করা জায়গার আইডি, লোকেশন ও ভিউপোর্ট সহ অবজেক্ট রাখুন। undefined যদি জায়গাটি এখনও লোড না হয়ে থাকে বা লোড করতে না পারা যায়।
scale attr: scale	ইনপুটের ধরন: number optional আউটপুটের ধরন: number ডিফল্ট: 1 পিনের জন্য সাইজ মাল্টিপ্লায়ার। HTML অ্যাট্রিবিউট: scale="number"

স্লট
default	পিনে দেখানো ঐচ্ছিক কন্টেন্ট, যেমন PlaceRatingElement, কাস্টম <span> বা টেক্সট। লাইট DOM চিলড্রেন সরাসরি পিনে স্লট করা হয়। কন্টেন্ট কোথায় দেখানো হবে তা icon-এর উপর নির্ভর করে: TYPE-এর জন্য জায়গার ধরন সংক্রান্ত আইকনের পাশে, PHOTO-এর জন্য ফটোর উপর ব্যাজ হিসেবে এবং NONE-এর জন্য পিনের মূল কন্টেন্ট হিসেবে।

CSS প্রপার্টি
--gmp-background	পিনের ব্যাকগ্রাউন্ডের রঙ: পিল, ফটো ফ্রেম, ফটো ব্যাজ, বিক এবং জায়গার ধরন অনুযায়ী পিনের বর্ডার।
--gmp-border-radius	পিল (স্লট করা কন্টেন্ট সহ প্লেস টাইপ আইকন বা শুধু স্লট করা কন্টেন্ট) এবং PHOTO পিনে ফটো ফ্রেমের বর্ডার রেডিয়াস। স্লট করা কন্টেন্ট সহ জায়গার ধরন আইকনের জন্য ডিফল্ট হিসেবে 30px, শুধু স্লট করা কন্টেন্টের জন্য 12px এবং 12px ফটো ফ্রেম সেট করা থাকে। স্লট করা কন্টেন্ট ছাড়া জায়গার ধরন সংক্রান্ত পিনের ক্ষেত্রে প্রযোজ্য নয়।
--gmp-glyph-background	জায়গার ধরন গ্লিফের পিছনে ব্যাকগ্রাউন্ডের রঙ। ডিফল্ট হিসেবে জায়গার iconBackgroundColor সেট করা থাকে।
--gmp-glyph-color	জায়গার ধরন অনুযায়ী গ্লিফের রঙ। গ্লিফ দেখানো হলে এটি প্রযোজ্য হয়, যার মধ্যে PHOTO পিন জায়গার ধরন আইকনে ফিরে আসার বিষয়টিও অন্তর্ভুক্ত।

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

ইভেন্ট
gmp-error	function(event) আর্গুমেন্ট: event: Event optional পিন একেবারেই রেন্ডার করা না গেলে এই ইভেন্টটি ফায়ার করা হয়, যেমন নেটওয়ার্ক কাজ না করলে, ক্রেডেনশিয়াল কাজ না করলে (যেমন ভুল API কী), কোনও প্লেস আইডি সমাধান করা না গেলে বা কোনও জায়গার লোকেশন না থাকলে। পিনটি লুকানো আছে। এই ইভেন্ট বাবল করে না।
gmp-load	function(event) আর্গুমেন্ট: event: Event optional জায়গার বিবরণ লোড হয়ে গেলে এবং পিন রেন্ডার করা হয়ে গেলে এই ইভেন্ট ফায়ার করা হয়। icon, PHOTO হলে, ফটো লোড হওয়ার পরে বা লোড না হলে এটি ফায়ার করে; ফটো লোড না হলে একা gmp-error ফায়ার করে না। PlacePinElement.place থেকে লোড করা জায়গা এবং PlacePinElement.photoRendered থেকে ফটো দেখানো হয়েছে কিনা তা পড়ুন। এই ইভেন্ট বাবল করে না।

PlacePinElementOptions ইন্টারফেস

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

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

PlacePinElement তৈরি করার বিকল্প।

প্রপার্টি
icon ঐচ্ছিক	ধরন: PlacePinIcon optional PlacePinElement.icon দেখুন।
scale ঐচ্ছিক	ধরন: number optional PlacePinElement.scale দেখুন।

PlacePinIcon constants

constants google.maps.places.PlacePinIcon
library "places"

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

PlacePinElement-এর জন্য আইকন বিকল্প। TYPE হল ডিফল্ট। বেছে নেওয়া আইকনের জন্য প্রয়োজনীয় ডেটা না থাকলে, পিনটি TYPE-এ ফিরে যায়। TYPE-এর জন্য প্রয়োজনীয় ডেটা না থাকলে, পরিবর্তে একটি সাধারণ আইকন দেখানো হয়।

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

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

ধ্রুবক
NONE	কোনও আইকন দেখায় না, শুধু স্লট করা কন্টেন্ট দেখায়।
PHOTO	জায়গার ফটো বৃত্তের মধ্যে দেখায়। জায়গাটির কোনও ফটো না থাকলে TYPE-এ ফিরে যায়।
TYPE	জায়গার বিভাগের আইকন দেখায়।