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 অ্যাট্রিবিউট:
|
includedRegionCodes |
ধরন:
Array<string> optionalশুধুমাত্র নির্দিষ্ট অঞ্চলে ফলাফল অন্তর্ভুক্ত করুন, যা সর্বাধিক ১৫টি CLDR দুই-অক্ষরের অঞ্চল কোড হিসেবে নির্দিষ্ট করা হয়েছে। ফাঁকা সেট ফলাফলকে সীমাবদ্ধ করবে না।
locationRestriction এবং includedRegionCodes, দুটিই সেট করা থাকলে, ইন্টারসেকশন এলাকায় ফলাফল দেখানো হবে।HTML অ্যাট্রিবিউট:
|
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 অ্যাট্রিবিউট:
|
origin |
ধরন:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalযেখান থেকে দূরত্ব গণনা করা হবে। উল্লেখ করা না থাকলে, দূরত্ব গণনা করা হয় না। উচ্চতা দেওয়া থাকলেও, তা গণনার সময় ব্যবহার করা হয় না।
HTML অ্যাট্রিবিউট:
|
placeholder |
ধরন:
stringইনপুট এলিমেন্টে দেখানোর জন্য প্লেসহোল্ডার টেক্সট। |
requestedLanguage |
ধরন:
string optionalসম্ভব হলে, যে ভাষায় ফলাফল দেখানো উচিত সেই ভাষার জন্য একটি ভাষা শনাক্তকারী। বেছে নেওয়া ভাষায় ফলাফলকে আরও বেশি র্যাঙ্কিং দেওয়া হতে পারে, তবে সাজেশন এই ভাষার মধ্যে সীমাবদ্ধ নয়। অনুমোদিত ভাষার তালিকা দেখুন।
HTML অ্যাট্রিবিউট:
|
requestedRegion |
ধরন:
string optionalফলাফল ফর্ম্যাট ও ফিল্টার করার জন্য ব্যবহৃত অঞ্চল কোড। এটি এই দেশের জন্য সাজেশন সীমিত করে না। অঞ্চল কোডে ccTLD ("টপ-লেভেল ডোমেন") দুই-অক্ষরের মান গ্রহণ করা হয়। বেশিরভাগ ccTLD কোড ISO 3166-1 কোডের মতোই হয়, তবে কিছু ব্যতিক্রম আছে। যেমন, যুক্তরাজ্যের ccTLD হল "uk" (
.co.uk) এবং এর ISO 3166-1 কোড হল "gb" (টেকনিক্যালি "গ্রেট ব্রিটেন ও উত্তর আয়ারল্যান্ডের যুক্তরাজ্য" এন্টিটির জন্য)।HTML অ্যাট্রিবিউট:
|
unitSystem |
ধরন:
UnitSystem optionalদূরত্ব দেখানোর জন্য ব্যবহৃত ইউনিট সিস্টেম। উল্লেখ করা না থাকলে, requestedRegion-এর মাধ্যমে ইউনিট সিস্টেম নির্ধারণ করা হয়।
HTML অ্যাট্রিবিউট:
|
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-এর নিচে ড্রপডাউন তালিকা হিসেবে দেখা যায়। |
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 |
addEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
voidএমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন। |
removeEventListener |
removeEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
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 |
ধরন:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral 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 |
ধরন:
PlacePredictionPlacePrediction.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 অ্যাট্রিবিউট:
|
includedRegionCodes |
ধরন:
Array<string> optionalশুধুমাত্র নির্দিষ্ট অঞ্চলে ফলাফল অন্তর্ভুক্ত করুন, যা সর্বাধিক ১৫টি CLDR দুই-অক্ষরের অঞ্চল কোড হিসেবে নির্দিষ্ট করা হয়েছে। ফাঁকা সেট ফলাফলকে সীমাবদ্ধ করবে না।
locationRestriction এবং includedRegionCodes, দুটিই সেট করা থাকলে, ইন্টারসেকশন এলাকায় ফলাফল দেখানো হবে।HTML অ্যাট্রিবিউট:
|
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 অ্যাট্রিবিউট:
|
origin |
ধরন:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalযেখান থেকে দূরত্ব গণনা করা হবে। উল্লেখ করা না থাকলে, দূরত্ব গণনা করা হয় না। উচ্চতা দেওয়া থাকলেও, তা গণনার সময় ব্যবহার করা হয় না।
HTML অ্যাট্রিবিউট:
|
requestedLanguage |
ধরন:
string optionalসম্ভব হলে, যে ভাষায় ফলাফল দেখানো উচিত সেই ভাষার জন্য একটি ভাষা শনাক্তকারী। বেছে নেওয়া ভাষায় ফলাফলকে আরও বেশি র্যাঙ্কিং দেওয়া হতে পারে, তবে সাজেশন এই ভাষার মধ্যে সীমাবদ্ধ নয়। অনুমোদিত ভাষার তালিকা দেখুন।
HTML অ্যাট্রিবিউট:
|
requestedRegion |
ধরন:
string optionalফলাফল ফর্ম্যাট ও ফিল্টার করার জন্য ব্যবহৃত অঞ্চল কোড। এটি এই দেশের জন্য সাজেশন সীমিত করে না। অঞ্চল কোডে ccTLD ("টপ-লেভেল ডোমেন") দুই-অক্ষরের মান গ্রহণ করা হয়। বেশিরভাগ ccTLD কোড ISO 3166-1 কোডের মতোই হয়, তবে কিছু ব্যতিক্রম আছে। যেমন, যুক্তরাজ্যের ccTLD হল "uk" (
.co.uk) এবং এর ISO 3166-1 কোড হল "gb" (টেকনিক্যালি "গ্রেট ব্রিটেন ও উত্তর আয়ারল্যান্ডের যুক্তরাজ্য" এন্টিটির জন্য)।HTML অ্যাট্রিবিউট:
|
unitSystem |
ধরন:
UnitSystem optionalদূরত্ব দেখানোর জন্য ব্যবহৃত ইউনিট সিস্টেম। উল্লেখ করা না থাকলে, requestedRegion-এর মাধ্যমে ইউনিট সিস্টেম নির্ধারণ করা হয়।
HTML অ্যাট্রিবিউট:
|
স্লট | |
|---|---|
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-এর নিচে ড্রপডাউন তালিকা হিসেবে দেখা যায়। |
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 |
addEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
voidএমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন। |
removeEventListener |
removeEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
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 |
ধরন:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral 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শুধু পড়া যাবে। বর্তমানে রেন্ডার করা জায়গার আইডি, লোকেশন ও ভিউপোর্ট সহ অবজেক্ট রাখুন। |
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 |
addEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
voidএমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন। |
removeEventListener |
removeEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
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 অ্যাট্রিবিউট:
|
place |
ধরন:
Place optionalশুধু পড়া যাবে। বর্তমানে রেন্ডার করা জায়গার আইডি, লোকেশন ও ভিউপোর্ট সহ অবজেক্ট রাখুন। |
truncationPreferred |
ধরন:
booleanডিফল্ট:
falseসত্য হলে, জায়গার নাম ও ঠিকানা র্যাপ করার পরিবর্তে এক লাইনে ফিট করার জন্য ট্রাঙ্কেট করে।
HTML অ্যাট্রিবিউট:
|
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 |
addEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
voidএমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন। |
removeEventListener |
removeEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
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 অ্যাট্রিবিউট:
|
পদ্ধতি | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
voidএমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন। |
removeEventListener |
removeEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
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 |
ধরন:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalডিফল্ট:
nullজায়গার বিবরণ এলিমেন্টে যে লোকেশনের বিবরণ রেন্ডার করতে হবে।
LatLngAltitude-এ নরমালাইজ করে।HTML অ্যাট্রিবিউট:
|
পদ্ধতি | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
voidএমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন। |
removeEventListener |
removeEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
voidটার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন। |
PlaceDetailsLocationRequestElementOptions ইন্টারফেস
google.maps.places.PlaceDetailsLocationRequestElementOptions
ইন্টারফেস
PlaceDetailsLocationRequestElement-এর জন্য বিকল্প।
প্রপার্টি | |
|---|---|
location optional |
ধরন:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral 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 অ্যাট্রিবিউট:
|
orientation |
ধরন:
PlaceSearchOrientation optionalডিফল্ট:
PlaceSearchOrientation.VERTICALএলিমেন্টের ওরিয়েন্টেশন ভেরিয়েন্ট (উল্লম্ব বা অনুভূমিক)।
HTML অ্যাট্রিবিউট:
|
places |
শুধু পড়া যাবে। বর্তমানে রেন্ডার করা জায়গার আইডি, লোকেশন ও ভিউপোর্ট সহ Placeটি অবজেক্টের অ্যারে। |
selectable |
ধরন:
boolean optionalডিফল্ট:
falseতালিকার আইটেমগুলি বেছে নেওয়া যাবে কিনা। সত্য হলে, তালিকার আইটেমগুলি বোতাম হবে যা ক্লিক করলে
gmp-select ইভেন্ট পাঠাবে। এছাড়াও, অ্যাক্সেসিবল কীবোর্ড নেভিগেশন ও বেছে নেওয়ার সুবিধা কাজ করে।HTML অ্যাট্রিবিউট:
|
truncationPreferred |
ধরন:
boolean optionalডিফল্ট:
falseট্রু হলে, কন্টেন্টের নির্দিষ্ট কিছু লাইন র্যাপ করার পরিবর্তে এক লাইনে ফিট করার জন্য ট্রাঙ্কেট করে।
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 |
addEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
voidএমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন। |
removeEventListener |
removeEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
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 অ্যাট্রিবিউট:
|
excludedTypes |
ধরন:
Array<string> optionalডিফল্ট:
nullবাদ দেওয়া জায়গার ধরন।
HTML অ্যাট্রিবিউট:
|
includedPrimaryTypes |
ধরন:
Array<string> optionalডিফল্ট:
nullঅন্তর্ভুক্ত করা প্রাথমিক জায়গার ধরন।
HTML অ্যাট্রিবিউট:
|
includedTypes |
ধরন:
Array<string> optionalডিফল্ট:
nullঅন্তর্ভুক্ত জায়গার ধরন।
HTML অ্যাট্রিবিউট:
|
locationRestriction |
ধরন:
Circle|CircleLiteral optionalডিফল্ট:
nullযে অঞ্চল সার্চ করতে হবে।
Circle-এ নরমালাইজ করে।HTML অ্যাট্রিবিউট:
|
maxResultCount |
ধরন:
number optionalডিফল্ট:
nullফলাফলের সর্বাধিক সংখ্যা যা ফেরত পাঠানো হবে।
HTML অ্যাট্রিবিউট:
|
rankPreference |
ধরন:
SearchNearbyRankPreference optionalডিফল্ট:
nullউত্তরে ফলাফল কীভাবে র্যাঙ্ক করা হবে।
HTML অ্যাট্রিবিউট:
|
পদ্ধতি | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
voidএমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন। |
removeEventListener |
removeEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
voidটার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন। |
PlaceNearbySearchRequestElementOptions ইন্টারফেস
google.maps.places.PlaceNearbySearchRequestElementOptions
ইন্টারফেস
PlaceNearbySearchRequestElement-এর জন্য বিকল্প।
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 অ্যাট্রিবিউট:
|
evMinimumChargingRateKw |
ধরন:
number optionalডিফল্ট:
nullকিলোওয়াটে ন্যূনতম প্রয়োজনীয় চার্জিং রেট।
HTML অ্যাট্রিবিউট:
|
includedType |
ধরন:
string optionalডিফল্ট:
nullঅনুরোধ করা জায়গার ধরন।
HTML অ্যাট্রিবিউট:
|
isOpenNow |
ধরন:
boolean optionalডিফল্ট:
nullবর্তমানে খোলা আছে এমন জায়গায় সার্চ সীমাবদ্ধ করতে ব্যবহার করা হয়।
HTML অ্যাট্রিবিউট:
|
locationBias |
ধরন:
LocationBias optionalডিফল্ট:
nullসার্চের জন্য লোকেশন বায়াস।
LatLngAltitude | LatLngBounds | Circle | string-এ নরমালাইজ করে।HTML অ্যাট্রিবিউট:
|
locationRestriction |
ধরন:
LatLngBounds|LatLngBoundsLiteral optionalডিফল্ট:
nullসার্চের জন্য লোকেশন সংক্রান্ত বিধিনিষেধ।
LatLngBounds-এ নরমালাইজ করে।HTML অ্যাট্রিবিউট:
|
maxResultCount |
ধরন:
number optionalডিফল্ট:
nullফলাফলের সর্বাধিক সংখ্যা যা ফেরত পাঠানো হবে।
HTML অ্যাট্রিবিউট:
|
minRating |
ধরন:
number optionalডিফল্ট:
nullএই সীমার থেকে কম গড় ব্যবহারকারী রেটিং আছে এমন ফলাফল ফিল্টার করুন।
HTML অ্যাট্রিবিউট:
|
priceLevels |
ধরন:
Array<PriceLevel> optionalডিফল্ট:
nullনির্দিষ্ট দামের লেভেল হিসেবে চিহ্নিত করা হয়েছে এমন জায়গায় সার্চ সীমাবদ্ধ করতে ব্যবহার করা হয়।
HTML অ্যাট্রিবিউট:
|
rankPreference |
ধরন:
SearchByTextRankPreference optionalডিফল্ট:
nullউত্তরে ফলাফল কীভাবে র্যাঙ্ক করা হবে।
HTML অ্যাট্রিবিউট:
|
textQuery |
ধরন:
string optionalডিফল্ট:
nullটেক্সট সার্চের জন্য টেক্সট কোয়েরি।
HTML অ্যাট্রিবিউট:
|
useStrictTypeFiltering |
ধরন:
boolean optionalডিফল্ট:
null'includedType'-এর জন্য কঠোর ধরনের ফিল্টারিং সেট করতে ব্যবহৃত হয়।
HTML অ্যাট্রিবিউট:
|
পদ্ধতি | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
voidএমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন। |
removeEventListener |
removeEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
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 optionalSearchByTextRequest.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])প্যারামিটার:
Autocomplete-এর নতুন ইনস্ট্যান্স তৈরি করে যা প্রদত্ত বিকল্প সহ নির্দিষ্ট ইনপুট টেক্সট ফিল্ডের সাথে অ্যাটাচ করা থাকে। |
পদ্ধতি | |
|---|---|
getBounds |
getBounds()প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু:
LatLngBounds|undefined বায়াসিং বাউন্ড।পূর্বাভাস পক্ষপাতদুষ্ট হওয়ার সীমা দেখায়। |
getFields |
getFields()প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু:
Array<string>|undefinedবিবরণ সফলভাবে ফিরিয়ে আনা হলে, বিবরণের উত্তরে জায়গার জন্য অন্তর্ভুক্ত করার ফিল্ড ফিরিয়ে আনে। ফিল্ডের তালিকা দেখতে PlaceResult দেখুন। |
getPlace |
getPlace()প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু:
PlaceResult ব্যবহারকারীর বেছে নেওয়া জায়গা।বিবরণ সফলভাবে ফিরিয়ে আনা হলে, ব্যবহারকারীর বেছে নেওয়া জায়গার বিবরণ দেখায়। অন্যথায়, ইনপুট ফিল্ডের বর্তমান ভ্যালুতে সেট করা name প্রপার্টি সহ একটি স্টাব Place অবজেক্ট রিটার্ন করে। |
setBounds |
setBounds(bounds)প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
জায়গার ফলাফল দেখানোর জন্য পছন্দের এলাকা সেট করে। ফলাফল এই এলাকার জন্য পক্ষপাতদুষ্ট, তবে এর মধ্যেই সীমাবদ্ধ নয়। |
setComponentRestrictions |
setComponentRestrictions(restrictions)প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
কম্পোনেন্ট সংক্রান্ত বিধিনিষেধ সেট করে। কম্পোনেন্ট সংক্রান্ত বিধিনিষেধ ব্যবহার করে শুধু পেরেন্ট কম্পোনেন্টের মধ্যে থাকা পূর্বাভাস সীমাবদ্ধ করা হয়। যেমন, দেশ। |
setFields |
setFields(fields)প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
বিবরণ সফলভাবে ফিরিয়ে আনা হলে, বিবরণের উত্তরে জায়গার জন্য অন্তর্ভুক্ত করার ফিল্ড সেট করে। ফিল্ডের তালিকা দেখতে PlaceResult দেখুন। |
setOptions |
setOptions(options)প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
|
setTypes |
setTypes(types)প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
যে ধরনের অনুমান ফেরত দেওয়া হবে তা সেট করে। কোন ফর্ম্যাট কাজ করবে তা জানতে ডেভেলপারের নির্দেশিকা দেখুন। কোনও ধরন উল্লেখ করা না থাকলে, সব ধরন দেখানো হবে। |
উত্তরাধিকার সূত্রে প্রাপ্ত:
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']। |
|
ধরন:
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যে ধরনের পূর্বাভাস ফেরত দেওয়া হবে। কোন ফর্ম্যাট কাজ করবে তা জানতে ডেভেলপারের নির্দেশিকা দেখুন। কোনও ধরন উল্লেখ করা না থাকলে, সব ধরন দেখানো হবে। |
SearchBox class
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>|undefinedplaces_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 অ্যাট্রিবিউট:
|
পদ্ধতি | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
voidএমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন। |
removeEventListener |
removeEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
voidটার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন। |
PlaceContextualElementOptions ইন্টারফেস
google.maps.places.PlaceContextualElementOptions
ইন্টারফেস
PlaceContextualElement-এর জন্য বিকল্প।
প্রপার্টি | |
|---|---|
contextToken optional |
ধরন:
string optionalGrounding 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 অ্যাট্রিবিউট:
|
mapHidden |
ধরন:
boolean optionalম্যাপ লুকানো আছে কিনা।
HTML অ্যাট্রিবিউট:
|
পদ্ধতি | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
voidএমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন। |
removeEventListener |
removeEventListener(type, listener[, options])প্যারামিটার:
রিটার্ন ভ্যালু:
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 |
উল্লম্ব তালিকা লেআউট: তালিকা আইটেমগুলি উল্লম্ব তালিকায় কার্ড হিসাবে রেন্ডার করা হয়। |