Places Widgets

PlaceAutocompleteElement ক্লাস

google.maps.places.PlaceAutocompleteElement ক্লাস

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 included-primary-types="type1 type2 type3..." included-region-codes="c1 c2 c3..." name="string" origin="lat,lng" requested-language="string" requested-region="string" unit-system="metric"></gmp-place-autocomplete>

এই ক্লাসটি HTMLElement-এর এক্সটেনশন।

এই ক্লাসটি PlaceAutocompleteElementOptions প্রয়োগ করে।

const {PlaceAutocompleteElement} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

PlaceAutocompleteElement
PlaceAutocompleteElement(options)
প্যারামিটার: 
includedPrimaryTypes
ধরন:  Array<string> optional
অন্তর্ভুক্ত করা প্রাথমিক জায়গার ধরন (যেমন, "রেস্তোরাঁ" বা "gas_station")।

কোনও জায়গার প্রাথমিক ধরন এই তালিকায় অন্তর্ভুক্ত থাকলে তবেই সেটি দেখানো হয়। সর্বাধিক ৫টি ভ্যালু উল্লেখ করা যেতে পারে। কোনও ধরন উল্লেখ করা না থাকলে, সব ধরনের জায়গা দেখানো হয়।
HTML অ্যাট্রিবিউট:
  • <gmp-place-autocomplete included-primary-types="type1 type2 type3..."></gmp-place-autocomplete>
includedRegionCodes
ধরন:  Array<string> optional
শুধুমাত্র নির্দিষ্ট অঞ্চলে ফলাফল অন্তর্ভুক্ত করুন, যা সর্বাধিক ১৫টি CLDR দুই-অক্ষরের অঞ্চল কোড হিসেবে নির্দিষ্ট করা হয়েছে। ফাঁকা সেট ফলাফলকে সীমাবদ্ধ করবে না। locationRestriction এবং includedRegionCodes, দুটিই সেট করা থাকলে, ইন্টারসেকশন এলাকায় ফলাফল দেখানো হবে।
HTML অ্যাট্রিবিউট:
  • <gmp-place-autocomplete included-region-codes="c1 c2 c3..."></gmp-place-autocomplete>
locationBias
ধরন:  LocationBias optional
কোনও জায়গা সার্চ করার সময় ব্যবহার করার জন্য একটি সফট বাউন্ডারি বা ইঙ্গিত।
locationRestriction
ধরন:  LocationRestriction optional
সার্চ ফলাফল সীমাবদ্ধ করার জন্য বাউন্ড।
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 অ্যাট্রিবিউট:
  • <gmp-place-autocomplete name="string"></gmp-place-autocomplete>
origin
যেখান থেকে দূরত্ব গণনা করা হবে। উল্লেখ করা না থাকলে, দূরত্ব গণনা করা হয় না। উচ্চতা দেওয়া থাকলেও, তা গণনার সময় ব্যবহার করা হয় না।
HTML অ্যাট্রিবিউট:
  • <gmp-place-autocomplete origin="lat,lng"></gmp-place-autocomplete>
  • <gmp-place-autocomplete origin="lat,lng,altitude"></gmp-place-autocomplete>
placeholder
ধরন:  string
ইনপুট এলিমেন্টে দেখানোর জন্য প্লেসহোল্ডার টেক্সট।
requestedLanguage
ধরন:  string optional
সম্ভব হলে, যে ভাষায় ফলাফল দেখানো উচিত সেই ভাষার জন্য একটি ভাষা শনাক্তকারী। বেছে নেওয়া ভাষায় ফলাফলকে আরও বেশি র‍্যাঙ্কিং দেওয়া হতে পারে, তবে সাজেশন এই ভাষার মধ্যে সীমাবদ্ধ নয়। অনুমোদিত ভাষার তালিকা দেখুন।
HTML অ্যাট্রিবিউট:
  • <gmp-place-autocomplete requested-language="string"></gmp-place-autocomplete>
requestedRegion
ধরন:  string optional
ফলাফল ফর্ম্যাট ও ফিল্টার করার জন্য ব্যবহৃত অঞ্চল কোড। এটি এই দেশের জন্য সাজেশন সীমিত করে না। অঞ্চল কোডে ccTLD ("টপ-লেভেল ডোমেন") দুই-অক্ষরের মান গ্রহণ করা হয়। বেশিরভাগ ccTLD কোড ISO 3166-1 কোডের মতোই হয়, তবে কিছু ব্যতিক্রম আছে। যেমন, যুক্তরাজ্যের ccTLD হল "uk" (.co.uk) এবং এর ISO 3166-1 কোড হল "gb" (টেকনিক্যালি "গ্রেট ব্রিটেন ও উত্তর আয়ারল্যান্ডের যুক্তরাজ্য" এন্টিটির জন্য)।
HTML অ্যাট্রিবিউট:
  • <gmp-place-autocomplete requested-region="string"></gmp-place-autocomplete>
unitSystem
ধরন:  UnitSystem optional
দূরত্ব দেখানোর জন্য ব্যবহৃত ইউনিট সিস্টেম। উল্লেখ করা না থাকলে, requestedRegion-এর মাধ্যমে ইউনিট সিস্টেম নির্ধারণ করা হয়।
HTML অ্যাট্রিবিউট:
  • <gmp-place-autocomplete unit-system="metric"></gmp-place-autocomplete>
  • <gmp-place-autocomplete unit-system="imperial"></gmp-place-autocomplete>
value
ধরন:  string
ইনপুট এলিমেন্টের ভ্যালু।
prediction-item-icon
এই স্লটে ঠিক একটি <template> এলিমেন্ট গ্রহণ করা হয় যা প্রেডিকশন আইটেমের পাশে দেখানো আইকন হিসেবে রেন্ডার করা হয়।
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-এর মধ্যে যেকোনও জায়গায় থাকতে পারে। এটি prediction-item-main-text-এর অংশ নাও হতে পারে।
prediction-item-selected
ব্যবহারকারী কীবোর্ডের মাধ্যমে আইটেমে নেভিগেট করলে। মনে রাখবেন: বেছে নেওয়া আইটেম এই পার্ট স্টাইল এবং প্রেডিকশন-আইটেম পার্ট স্টাইল, দুটির মাধ্যমেই প্রভাবিত হবে।
prediction-list
ভিজ্যুয়াল এলিমেন্ট যাতে Place Autocomplete পরিষেবার মাধ্যমে পাওয়া পূর্বাভাসের তালিকা থাকে। এই তালিকাটি PlaceAutocompleteElement-এর নিচে ড্রপডাউন তালিকা হিসেবে দেখা যায়।
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
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।
gmp-error
function(errorEvent)
আর্গুমেন্ট: 
ব্যাকএন্ডে করা অনুরোধ বাতিল করা হলে এই ইভেন্টটি ফায়ার করা হয় (যেমন, ভুল API কী)। এই ইভেন্ট বাবল করে না।
gmp-select
function(placePredictionSelectEvent)
আর্গুমেন্ট: 
ব্যবহারকারী কোনও জায়গার পূর্বাভাস বেছে নিলে এই ইভেন্ট ট্রিগার হয়। PlacePrediction অবজেক্ট রয়েছে যা Place অবজেক্টে কনভার্ট করা যেতে পারে।

PlaceAutocompleteElementOptions ইন্টারফেস

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

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

includedPrimaryTypes optional
ধরন:  Array<string> optional
includedRegionCodes optional
ধরন:  Array<string> optional
locationBias optional
ধরন:  LocationBias optional
locationRestriction optional
ধরন:  LocationRestriction optional
name optional
ধরন:  string optional
origin optional
requestedLanguage optional
ধরন:  string optional
requestedRegion optional
ধরন:  string optional
unitSystem optional
ধরন:  UnitSystem optional
value optional
ধরন:  string optional
ইনপুট এলিমেন্টের ভ্যালু।

PlacePredictionSelectEvent ক্লাস

google.maps.places.PlacePredictionSelectEvent ক্লাস

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

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

এই ক্লাসটি Event-এর এক্সটেনশন।

const {PlacePredictionSelectEvent} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

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

BasicPlaceAutocompleteElement ক্লাস

google.maps.places.BasicPlaceAutocompleteElement ক্লাস

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

কাস্টম এলিমেন্ট:
<gmp-basic-place-autocomplete included-primary-types="type1 type2 type3..." included-region-codes="c1 c2 c3..." name="string" origin="lat,lng" requested-language="string" requested-region="string" unit-system="metric"></gmp-basic-place-autocomplete>

এই ক্লাসটি HTMLElement-এর এক্সটেনশন।

এই ক্লাসটি BasicPlaceAutocompleteElementOptions প্রয়োগ করে।

const {BasicPlaceAutocompleteElement} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

BasicPlaceAutocompleteElement
BasicPlaceAutocompleteElement(options)
প্যারামিটার: 
includedPrimaryTypes
ধরন:  Array<string> optional
অন্তর্ভুক্ত করা প্রাথমিক জায়গার ধরন (যেমন, "রেস্তোরাঁ" বা "gas_station")।

কোনও জায়গার প্রাথমিক ধরন এই তালিকায় অন্তর্ভুক্ত থাকলে তবেই সেটি দেখানো হয়। সর্বাধিক ৫টি ভ্যালু উল্লেখ করা যেতে পারে। কোনও ধরন উল্লেখ করা না থাকলে, সব ধরনের জায়গা দেখানো হয়।
HTML অ্যাট্রিবিউট:
  • <gmp-basic-place-autocomplete included-primary-types="type1 type2 type3..."></gmp-basic-place-autocomplete>
includedRegionCodes
ধরন:  Array<string> optional
শুধুমাত্র নির্দিষ্ট অঞ্চলে ফলাফল অন্তর্ভুক্ত করুন, যা সর্বাধিক ১৫টি CLDR দুই-অক্ষরের অঞ্চল কোড হিসেবে নির্দিষ্ট করা হয়েছে। ফাঁকা সেট ফলাফলকে সীমাবদ্ধ করবে না। locationRestriction এবং includedRegionCodes, দুটিই সেট করা থাকলে, ইন্টারসেকশন এলাকায় ফলাফল দেখানো হবে।
HTML অ্যাট্রিবিউট:
  • <gmp-basic-place-autocomplete included-region-codes="c1 c2 c3..."></gmp-basic-place-autocomplete>
locationBias
ধরন:  LocationBias optional
কোনও জায়গা সার্চ করার সময় ব্যবহার করার জন্য একটি সফট বাউন্ডারি বা ইঙ্গিত।
locationRestriction
ধরন:  LocationRestriction optional
সার্চ ফলাফল সীমাবদ্ধ করার জন্য বাউন্ড।
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 অ্যাট্রিবিউট:
  • <gmp-basic-place-autocomplete name="string"></gmp-basic-place-autocomplete>
origin
যেখান থেকে দূরত্ব গণনা করা হবে। উল্লেখ করা না থাকলে, দূরত্ব গণনা করা হয় না। উচ্চতা দেওয়া থাকলেও, তা গণনার সময় ব্যবহার করা হয় না।
HTML অ্যাট্রিবিউট:
  • <gmp-basic-place-autocomplete origin="lat,lng"></gmp-basic-place-autocomplete>
  • <gmp-basic-place-autocomplete origin="lat,lng,altitude"></gmp-basic-place-autocomplete>
requestedLanguage
ধরন:  string optional
সম্ভব হলে, যে ভাষায় ফলাফল দেখানো উচিত সেই ভাষার জন্য একটি ভাষা শনাক্তকারী। বেছে নেওয়া ভাষায় ফলাফলকে আরও বেশি র‍্যাঙ্কিং দেওয়া হতে পারে, তবে সাজেশন এই ভাষার মধ্যে সীমাবদ্ধ নয়। অনুমোদিত ভাষার তালিকা দেখুন।
HTML অ্যাট্রিবিউট:
  • <gmp-basic-place-autocomplete requested-language="string"></gmp-basic-place-autocomplete>
requestedRegion
ধরন:  string optional
ফলাফল ফর্ম্যাট ও ফিল্টার করার জন্য ব্যবহৃত অঞ্চল কোড। এটি এই দেশের জন্য সাজেশন সীমিত করে না। অঞ্চল কোডে ccTLD ("টপ-লেভেল ডোমেন") দুই-অক্ষরের মান গ্রহণ করা হয়। বেশিরভাগ ccTLD কোড ISO 3166-1 কোডের মতোই হয়, তবে কিছু ব্যতিক্রম আছে। যেমন, যুক্তরাজ্যের ccTLD হল "uk" (.co.uk) এবং এর ISO 3166-1 কোড হল "gb" (টেকনিক্যালি "গ্রেট ব্রিটেন ও উত্তর আয়ারল্যান্ডের যুক্তরাজ্য" এন্টিটির জন্য)।
HTML অ্যাট্রিবিউট:
  • <gmp-basic-place-autocomplete requested-region="string"></gmp-basic-place-autocomplete>
unitSystem
ধরন:  UnitSystem optional
দূরত্ব দেখানোর জন্য ব্যবহৃত ইউনিট সিস্টেম। উল্লেখ করা না থাকলে, requestedRegion-এর মাধ্যমে ইউনিট সিস্টেম নির্ধারণ করা হয়।
HTML অ্যাট্রিবিউট:
  • <gmp-basic-place-autocomplete unit-system="metric"></gmp-basic-place-autocomplete>
  • <gmp-basic-place-autocomplete unit-system="imperial"></gmp-basic-place-autocomplete>
prediction-item-icon
এই স্লটে ঠিক একটি <template> এলিমেন্ট গ্রহণ করা হয় যা প্রেডিকশন আইটেমের পাশে দেখানো আইকন হিসেবে রেন্ডার করা হয়।
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-এর মধ্যে যেকোনও জায়গায় থাকতে পারে। এটি prediction-item-main-text-এর অংশ নাও হতে পারে।
prediction-item-selected
ব্যবহারকারী কীবোর্ডের মাধ্যমে আইটেমে নেভিগেট করলে। মনে রাখবেন: বেছে নেওয়া আইটেম এই পার্ট স্টাইল এবং প্রেডিকশন-আইটেম পার্ট স্টাইল, দুটির মাধ্যমেই প্রভাবিত হবে।
prediction-list
ভিজ্যুয়াল এলিমেন্ট যাতে Place Autocomplete পরিষেবার মাধ্যমে পাওয়া পূর্বাভাসের তালিকা থাকে। এই তালিকাটি PlaceAutocompleteElement-এর নিচে ড্রপডাউন তালিকা হিসেবে দেখা যায়।
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
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।
gmp-error
function(errorEvent)
আর্গুমেন্ট: 
ব্যাকএন্ডে করা অনুরোধ বাতিল করা হলে এই ইভেন্টটি ফায়ার করা হয় (যেমন, ভুল API কী)। এই ইভেন্ট বাবল করে না।
gmp-select
function(placeSelectEvent)
আর্গুমেন্ট: 
ব্যবহারকারী কোনও জায়গার পূর্বাভাস বেছে নিলে এই ইভেন্ট ট্রিগার হয়। এতে একটি Place অবজেক্ট আছে।

BasicPlaceAutocompleteElementOptions ইন্টারফেস

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

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

includedPrimaryTypes optional
ধরন:  Array<string> optional
includedRegionCodes optional
ধরন:  Array<string> optional
locationBias optional
ধরন:  LocationBias optional
locationRestriction optional
ধরন:  LocationRestriction optional
name optional
ধরন:  string optional
origin optional
requestedLanguage optional
ধরন:  string optional
requestedRegion optional
ধরন:  string optional
unitSystem optional
ধরন:  UnitSystem optional

PlaceDetailsElement class

google.maps.places.PlaceDetailsElement ক্লাস

সম্পূর্ণ লেআউটে কোনও জায়গার বিবরণ দেখায়। যে জায়গাটি রেন্ডার করতে হবে সেটি নির্দিষ্ট করতে 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></gmp-place-details>

এই ক্লাসটি HTMLElement-এর এক্সটেনশন।

এই ক্লাসটি PlaceDetailsElementOptions প্রয়োগ করে।

const {PlaceDetailsElement} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

PlaceDetailsElement
PlaceDetailsElement([options])
প্যারামিটার: 
place
ধরন:  Place optional
শুধু পড়া যাবে। বর্তমানে রেন্ডার করা জায়গার আইডি, লোকেশন ও ভিউপোর্ট সহ অবজেক্ট রাখুন।
--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
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।
gmp-error
function(event)
আর্গুমেন্ট: 
ব্যাকএন্ডে করা অনুরোধ বাতিল করা হলে এই ইভেন্টটি ফায়ার করা হয় (যেমন, ভুল API কী)। এই ইভেন্ট বাবল করে না।
gmp-load
function(event)
আর্গুমেন্ট: 
এলিমেন্ট লোড হয়ে কন্টেন্ট রেন্ডার করলে এই ইভেন্ট ট্রিগার হয়। এই ইভেন্ট বাবল করে না।

PlaceDetailsElementOptions ইন্টারফেস

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

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

PlaceDetailsCompactElement class

google.maps.places.PlaceDetailsCompactElement ক্লাস

কমপ্যাক্ট লেআউটে কোনও জায়গার বিবরণ দেখায়। যে জায়গাটি রেন্ডার করতে হবে সেটি নির্দিষ্ট করতে 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 orientation="vertical" truncation-preferred></gmp-place-details-compact>

এই ক্লাসটি HTMLElement-এর এক্সটেনশন।

এই ক্লাসটি PlaceDetailsCompactElementOptions প্রয়োগ করে।

const {PlaceDetailsCompactElement} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

PlaceDetailsCompactElement
PlaceDetailsCompactElement([options])
প্যারামিটার: 
orientation
ধরন:  PlaceDetailsOrientation optional
ডিফল্ট: PlaceDetailsOrientation.VERTICAL
এলিমেন্টের ওরিয়েন্টেশন ভেরিয়েন্ট (উল্লম্ব বা অনুভূমিক)।
HTML অ্যাট্রিবিউট:
  • <gmp-place-details-compact orientation="vertical"></gmp-place-details-compact>
  • <gmp-place-details-compact orientation="horizontal"></gmp-place-details-compact>
place
ধরন:  Place optional
শুধু পড়া যাবে। বর্তমানে রেন্ডার করা জায়গার আইডি, লোকেশন ও ভিউপোর্ট সহ অবজেক্ট রাখুন।
truncationPreferred
ধরন:  boolean
ডিফল্ট: false
সত্য হলে, জায়গার নাম ও ঠিকানা র‍্যাপ করার পরিবর্তে এক লাইনে ফিট করার জন্য ট্রাঙ্কেট করে।
HTML অ্যাট্রিবিউট:
  • <gmp-place-details-compact truncation-preferred></gmp-place-details-compact>
--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
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।
gmp-error
function(event)
আর্গুমেন্ট: 
ব্যাকএন্ডে করা অনুরোধ বাতিল করা হলে এই ইভেন্টটি ফায়ার করা হয় (যেমন, ভুল API কী)। এই ইভেন্ট বাবল করে না।
gmp-load
function(event)
আর্গুমেন্ট: 
এলিমেন্ট লোড হয়ে কন্টেন্ট রেন্ডার করলে এই ইভেন্ট ট্রিগার হয়। এই ইভেন্ট বাবল করে না।

PlaceDetailsCompactElementOptions ইন্টারফেস

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

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

orientation optional
ধরন:  PlaceDetailsOrientation optional
truncationPreferred optional
ধরন:  boolean optional

PlaceDetailsOrientation constants

google.maps.places.PlaceDetailsOrientation কনস্ট্যান্ট

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

const {PlaceDetailsOrientation} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

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

PlaceDetailsPlaceRequestElement ক্লাস

google.maps.places.PlaceDetailsPlaceRequestElement ক্লাস

কোনও জায়গা অবজেক্ট, আইডি বা রিসোর্সের নামের উপর ভিত্তি করে ডেটা লোড করার জন্য 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="some-place-id"></gmp-place-details-place-request>

এই ক্লাসটি HTMLElement-এর এক্সটেনশন।

এই ক্লাসটি PlaceDetailsPlaceRequestElementOptions প্রয়োগ করে।

const {PlaceDetailsPlaceRequestElement} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

PlaceDetailsPlaceRequestElement
PlaceDetailsPlaceRequestElement([options])
প্যারামিটার: 
place
ধরন:  Place optional
ডিফল্ট: null
জায়গার বিবরণ কম্প্যাক্ট এলিমেন্টে বিবরণ দেখানোর জন্য জায়গার অবজেক্ট, আইডি বা রিসোর্সের নাম। এই প্রপার্টি রিসোর্সের নাম হিসেবে অ্যাট্রিবিউটে প্রতিফলিত হয়।
HTML অ্যাট্রিবিউট:
  • <gmp-place-details-place-request place="some-place-id"></gmp-place-details-place-request>
addEventListener
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।

PlaceDetailsPlaceRequestElementOptions ইন্টারফেস

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

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

place optional
ধরন:  Place|string optional

PlaceDetailsLocationRequestElement ক্লাস

google.maps.places.PlaceDetailsLocationRequestElement ক্লাস

লোকেশন অনুযায়ী ডেটা লোড করার জন্য 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>

এই ক্লাসটি HTMLElement-এর এক্সটেনশন।

এই ক্লাসটি PlaceDetailsLocationRequestElementOptions প্রয়োগ করে।

const {PlaceDetailsLocationRequestElement} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

PlaceDetailsLocationRequestElement
PlaceDetailsLocationRequestElement([options])
প্যারামিটার: 
location
ডিফল্ট: null
জায়গার বিবরণ এলিমেন্টে যে লোকেশনের বিবরণ রেন্ডার করতে হবে। LatLngAltitude-এ নরমালাইজ করে।
HTML অ্যাট্রিবিউট:
  • <gmp-place-details-location-request location="lat,lng"></gmp-place-details-location-request>
addEventListener
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।

PlaceDetailsLocationRequestElementOptions ইন্টারফেস

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

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

location optional
যে লোকেশনের জন্য জায়গাটি রেন্ডার করতে হবে।

PlaceSearchElement ক্লাস

google.maps.places.PlaceSearchElement ক্লাস

কোনও জায়গা সার্চ করার ফলাফল তালিকায় দেখায়। ফলাফল দেখানোর জন্য অনুরোধ নির্দিষ্ট করতে 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="top" orientation="vertical" selectable truncation-preferred></gmp-place-search>

এই ক্লাসটি HTMLElement-এর এক্সটেনশন।

এই ক্লাসটি PlaceSearchElementOptions প্রয়োগ করে।

const {PlaceSearchElement} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

PlaceSearchElement
PlaceSearchElement([options])
প্যারামিটার: 
attributionPosition
ধরন:  PlaceSearchAttributionPosition optional
ডিফল্ট: PlaceSearchAttributionPosition.TOP
অ্যাট্রিবিউশন লোগো ও আইনি ডিসক্লোজার বোতামের পজিশন।
HTML অ্যাট্রিবিউট:
  • <gmp-place-search attribution-position="top"></gmp-place-search>
  • <gmp-place-search attribution-position="bottom"></gmp-place-search>
orientation
ধরন:  PlaceSearchOrientation optional
ডিফল্ট: PlaceSearchOrientation.VERTICAL
এলিমেন্টের ওরিয়েন্টেশন ভেরিয়েন্ট (উল্লম্ব বা অনুভূমিক)।
HTML অ্যাট্রিবিউট:
  • <gmp-place-search orientation="vertical"></gmp-place-search>
  • <gmp-place-search orientation="horizontal"></gmp-place-search>
places
ধরন:  Array<Place>
শুধু পড়া যাবে। বর্তমানে রেন্ডার করা জায়গার আইডি, লোকেশন ও ভিউপোর্ট সহ Placeটি অবজেক্টের অ্যারে।
selectable
ধরন:  boolean optional
ডিফল্ট: false
তালিকার আইটেমগুলি বেছে নেওয়া যাবে কিনা। সত্য হলে, তালিকার আইটেমগুলি বোতাম হবে যা ক্লিক করলে gmp-select ইভেন্ট পাঠাবে। এছাড়াও, অ্যাক্সেসিবল কীবোর্ড নেভিগেশন ও বেছে নেওয়ার সুবিধা কাজ করে।
HTML অ্যাট্রিবিউট:
  • <gmp-place-search selectable></gmp-place-search>
truncationPreferred
ধরন:  boolean optional
ডিফল্ট: false
ট্রু হলে, কন্টেন্টের নির্দিষ্ট কিছু লাইন র‍্যাপ করার পরিবর্তে এক লাইনে ফিট করার জন্য ট্রাঙ্কেট করে।
HTML অ্যাট্রিবিউট:
  • <gmp-place-search truncation-preferred></gmp-place-search>
--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
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।
gmp-error
function(event)
আর্গুমেন্ট: 
ব্যাকএন্ডে করা অনুরোধ বাতিল করা হলে এই ইভেন্টটি ফায়ার করা হয় (যেমন, ভুল API কী)। এই ইভেন্ট বাবল করে না।
gmp-load
function(event)
আর্গুমেন্ট: 
এলিমেন্ট লোড হয়ে কন্টেন্ট রেন্ডার করলে এই ইভেন্ট ট্রিগার হয়। এই ইভেন্ট বাবল করে না।
gmp-select
function(event)
আর্গুমেন্ট: 
তালিকা থেকে কোনও জায়গা বেছে নেওয়া হলে এই ইভেন্ট ট্রিগার করা হয়। এতে একটি Place অবজেক্ট থাকে যাতে বেছে নেওয়া জায়গার আইডি, লোকেশন ও ভিউপোর্ট থাকে।

PlaceSearchElementOptions ইন্টারফেস

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

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

attributionPosition optional
ধরন:  PlaceSearchAttributionPosition optional
orientation optional
ধরন:  PlaceSearchOrientation optional
selectable optional
ধরন:  boolean optional
truncationPreferred optional
ধরন:  boolean optional

PlaceSearchAttributionPosition constants

google.maps.places.PlaceSearchAttributionPosition কনস্ট্যান্ট

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

const {PlaceSearchAttributionPosition} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

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

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

google.maps.places.PlaceSearchOrientation কনস্ট্যান্ট

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

const {PlaceSearchOrientation} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

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

PlaceSelectEvent ক্লাস

google.maps.places.PlaceSelectEvent ক্লাস

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

এই ক্লাসটি Event-এর এক্সটেনশন।

const {PlaceSelectEvent} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

place
ধরন:  Place
বেছে নেওয়া জায়গা।

PlaceNearbySearchRequestElement ক্লাস

google.maps.places.PlaceNearbySearchRequestElement ক্লাস

আশেপাশের সার্চ অনুরোধের ভিত্তিতে ফলাফল লোড করার জন্য 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="preference"></gmp-place-nearby-search-request>

এই ক্লাসটি HTMLElement-এর এক্সটেনশন।

এই ক্লাসটি PlaceNearbySearchRequestElementOptions প্রয়োগ করে।

const {PlaceNearbySearchRequestElement} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

PlaceNearbySearchRequestElement
PlaceNearbySearchRequestElement([options])
প্যারামিটার: 
excludedPrimaryTypes
ধরন:  Array<string> optional
ডিফল্ট: null
বাদ দেওয়া প্রাথমিক জায়গার ধরন।
HTML অ্যাট্রিবিউট:
  • <gmp-place-nearby-search-request excluded-primary-types="excluded-primary-type1 excluded-primary-type2..."></gmp-place-nearby-search-request>
excludedTypes
ধরন:  Array<string> optional
ডিফল্ট: null
বাদ দেওয়া জায়গার ধরন।
HTML অ্যাট্রিবিউট:
  • <gmp-place-nearby-search-request excluded-types="excluded-type1 excluded-type2..."></gmp-place-nearby-search-request>
includedPrimaryTypes
ধরন:  Array<string> optional
ডিফল্ট: null
অন্তর্ভুক্ত করা প্রাথমিক জায়গার ধরন।
HTML অ্যাট্রিবিউট:
  • <gmp-place-nearby-search-request included-primary-types="included-primary-type1 included-primary-type2..."></gmp-place-nearby-search-request>
includedTypes
ধরন:  Array<string> optional
ডিফল্ট: null
অন্তর্ভুক্ত জায়গার ধরন।
HTML অ্যাট্রিবিউট:
  • <gmp-place-nearby-search-request included-types="included-type1 included-type2..."></gmp-place-nearby-search-request>
locationRestriction
ধরন:  Circle|CircleLiteral optional
ডিফল্ট: null
যে অঞ্চল সার্চ করতে হবে। Circle-এ নরমালাইজ করে।
HTML অ্যাট্রিবিউট:
  • <gmp-place-nearby-search-request location-restriction="radius@lat,lng"></gmp-place-nearby-search-request>
maxResultCount
ধরন:  number optional
ডিফল্ট: null
ফলাফলের সর্বাধিক সংখ্যা যা ফেরত পাঠানো হবে।
HTML অ্যাট্রিবিউট:
  • <gmp-place-nearby-search-request max-result-count="number"></gmp-place-nearby-search-request>
rankPreference
ধরন:  SearchNearbyRankPreference optional
ডিফল্ট: null
উত্তরে ফলাফল কীভাবে র‍্যাঙ্ক করা হবে।
HTML অ্যাট্রিবিউট:
  • <gmp-place-nearby-search-request rank-preference="preference"></gmp-place-nearby-search-request>
addEventListener
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।

PlaceNearbySearchRequestElementOptions ইন্টারফেস

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

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

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

PlaceTextSearchRequestElement ক্লাস

google.maps.places.PlaceTextSearchRequestElement ক্লাস

টেক্সট সার্চ অনুরোধের ভিত্তিতে ফলাফল লোড করার জন্য 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="rate" included-type="type" is-open-now="true" location-bias="lat,lng" location-restriction="swlat,swlng|nelat,nelng" max-result-count="number" min-rating="number" price-levels="price-level1 price-level2..." rank-preference="preference" text-query="string" use-strict-type-filtering></gmp-place-text-search-request>

এই ক্লাসটি HTMLElement-এর এক্সটেনশন।

এই ক্লাসটি PlaceTextSearchRequestElementOptions প্রয়োগ করে।

const {PlaceTextSearchRequestElement} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

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

PlaceTextSearchRequestElementOptions ইন্টারফেস

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

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

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

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

google.maps.places.Autocomplete ক্লাস

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

এই ক্লাসটি MVCObject-এর এক্সটেনশন।

const {Autocomplete} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

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

google.maps.places.SearchBox ক্লাস

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

এই ক্লাসটি MVCObject-এর এক্সটেনশন।

const {SearchBox} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

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

SearchBoxOptions ইন্টারফেস

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

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

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

PlaceContextualElement ক্লাস

google.maps.places.PlaceContextualElement ক্লাস

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

কাস্টম এলিমেন্ট:
<gmp-place-contextual context-token="string"></gmp-place-contextual>

এই ক্লাসটি HTMLElement-এর এক্সটেনশন।

এই ক্লাসটি PlaceContextualElementOptions প্রয়োগ করে।

const {PlaceContextualElement} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

PlaceContextualElement
PlaceContextualElement([options])
প্যারামিটার: 
contextToken
ধরন:  string optional
কনটেক্সট টোকেন।
HTML অ্যাট্রিবিউট:
  • <gmp-place-contextual context-token="string"></gmp-place-contextual>
addEventListener
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।

PlaceContextualElementOptions ইন্টারফেস

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

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

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

PlaceContextualListConfigElement ক্লাস

google.maps.places.PlaceContextualListConfigElement ক্লাস

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

কাস্টম এলিমেন্ট:
<gmp-place-contextual-list-config layout="compact" map-hidden></gmp-place-contextual-list-config>

এই ক্লাসটি HTMLElement-এর এক্সটেনশন।

এই ক্লাসটি PlaceContextualListConfigElementOptions প্রয়োগ করে।

const {PlaceContextualListConfigElement} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

PlaceContextualListConfigElement
PlaceContextualListConfigElement([options])
প্যারামিটার: 
layout
ধরন:  PlaceContextualListLayout optional
লেআউট।
HTML অ্যাট্রিবিউট:
  • <gmp-place-contextual-list-config layout="compact"></gmp-place-contextual-list-config>
  • <gmp-place-contextual-list-config layout="vertical"></gmp-place-contextual-list-config>
mapHidden
ধরন:  boolean optional
ম্যাপ লুকানো আছে কিনা।
HTML অ্যাট্রিবিউট:
  • <gmp-place-contextual-list-config map-hidden></gmp-place-contextual-list-config>
addEventListener
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।

PlaceContextualListConfigElementOptions ইন্টারফেস

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

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

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

PlaceContextualListLayout constants

google.maps.places.PlaceContextualListLayout কনস্ট্যান্ট

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

const {PlaceContextualListLayout} = await google.maps.importLibrary("places") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

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