PlaceAutocompleteElement ক্লাস
google.maps.places . PlaceAutocompleteElement
ক্লাস
PlaceAutocompleteElement হল একটি HTMLElement
সাবক্লাস যা Places Autocomplete API-এর জন্য একটি UI উপাদান প্রদান করে।
PlaceAutocompleteElement স্বয়ংক্রিয়ভাবে একটি ব্যবহারকারীর স্বয়ংসম্পূর্ণ অনুসন্ধানের ক্যোয়ারী এবং নির্বাচনের পর্যায়গুলিকে গোষ্ঠীভুক্ত করতে অভ্যন্তরীণভাবে AutocompleteSessionToken
ব্যবহার করে।
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 প্রাথমিক স্থানের প্রকার অন্তর্ভুক্ত (উদাহরণস্বরূপ, "রেস্তোরাঁ" বা "পেট্রোল_স্টেশন")। একটি স্থান শুধুমাত্র তখনই ফেরত দেওয়া হয় যদি তার প্রাথমিক প্রকারটি এই তালিকায় অন্তর্ভুক্ত করা হয়। 5টি পর্যন্ত মান নির্দিষ্ট করা যেতে পারে। কোনো প্রকার নির্দিষ্ট না থাকলে, সমস্ত স্থানের ধরন ফেরত দেওয়া হয়। এইচটিএমএল বৈশিষ্ট্য:
|
includedRegionCodes | প্রকার: Array <string> optional শুধুমাত্র 15টি CLDR দুই-অক্ষরের অঞ্চল কোড হিসাবে নির্দিষ্ট করা নির্দিষ্ট অঞ্চলের ফলাফলগুলি অন্তর্ভুক্ত করুন৷ একটি খালি সেট ফলাফল সীমাবদ্ধ করবে না। locationRestriction এবং includedRegionCodes উভয়ই সেট করা থাকলে, ফলাফল ছেদ এলাকায় অবস্থিত হবে। এইচটিএমএল বৈশিষ্ট্য:
|
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 দেখুন। এইচটিএমএল বৈশিষ্ট্য:
|
origin | প্রকার: LatLng | LatLngLiteral | LatLngAltitude | LatLngAltitudeLiteral optional উৎপত্তি যেখান থেকে দূরত্ব গণনা করতে হবে। নির্দিষ্ট না হলে, দূরত্ব গণনা করা হয় না। উচ্চতা, যদি দেওয়া হয়, গণনায় ব্যবহার করা হয় না। এইচটিএমএল বৈশিষ্ট্য:
|
requestedLanguage | প্রকার: string optional সম্ভব হলে যে ভাষার ফলাফলগুলি ফেরত দেওয়া উচিত তার জন্য একটি ভাষা শনাক্তকারী৷ নির্বাচিত ভাষায় ফলাফল একটি উচ্চ র্যাঙ্কিং দেওয়া হতে পারে, কিন্তু পরামর্শ এই ভাষা সীমাবদ্ধ নয়. সমর্থিত ভাষার তালিকা দেখুন। এইচটিএমএল বৈশিষ্ট্য:
|
requestedRegion | প্রকার: string optional একটি অঞ্চল কোড যা ফলাফল বিন্যাস এবং ফলাফল ফিল্টারিংয়ের জন্য ব্যবহৃত হয়। এটা এই দেশের পরামর্শ সীমাবদ্ধ না. অঞ্চল কোড একটি ccTLD ("টপ-লেভেল ডোমেন") দুই-অক্ষরের মান গ্রহণ করে। কিছু উল্লেখযোগ্য ব্যতিক্রম সহ বেশিরভাগ ccTLD কোডগুলি ISO 3166-1 কোডগুলির সাথে অভিন্ন। উদাহরণস্বরূপ, যুক্তরাজ্যের ccTLD হল "uk" ( .co.uk ) যেখানে এর ISO 3166-1 কোড হল "gb" (প্রযুক্তিগতভাবে "দ্য ইউনাইটেড কিংডম অফ গ্রেট ব্রিটেন এবং উত্তর আয়ারল্যান্ড" এর সত্তার জন্য)। এইচটিএমএল বৈশিষ্ট্য:
|
unitSystem | প্রকার: UnitSystem optional দূরত্ব প্রদর্শন করতে ব্যবহৃত ইউনিট সিস্টেম। নির্দিষ্ট না থাকলে, ইউনিট সিস্টেম অনুরোধ করা অঞ্চল দ্বারা নির্ধারিত হয়। এইচটিএমএল বৈশিষ্ট্য:
|
অংশ | |
---|---|
prediction-item | ভবিষ্যদ্বাণীগুলির ড্রপ ডাউনে একটি আইটেম যা একটি একক ভবিষ্যদ্বাণী উপস্থাপন করে৷ |
prediction-item-icon | ভবিষ্যদ্বাণীর তালিকায় প্রতিটি আইটেমের বাম দিকে প্রদর্শিত আইকন। |
prediction-item-main-text | ভবিষ্যদ্বাণী-আইটেমের একটি অংশ যা পূর্বাভাসের মূল পাঠ্য। ভৌগলিক অবস্থানের জন্য, এতে একটি স্থানের নাম রয়েছে, যেমন 'সিডনি', বা একটি রাস্তার নাম এবং নম্বর, যেমন '10 কিং স্ট্রিট'৷ ডিফল্টরূপে, ভবিষ্যদ্বাণী-আইটেম-প্রধান-পাঠ্যটি কালো রঙের হয়। যদি ভবিষ্যদ্বাণী-আইটেমটিতে কোনও অতিরিক্ত পাঠ্য থাকে তবে এটি পূর্বাভাস-আইটেম-প্রধান-পাঠ্যের বাইরে এবং ভবিষ্যদ্বাণী-আইটেম থেকে এর স্টাইলিং উত্তরাধিকারসূত্রে পাওয়া যায়। এটি ডিফল্টরূপে ধূসর রঙের হয়। অতিরিক্ত পাঠ্যটি সাধারণত একটি ঠিকানা। |
prediction-item-match | প্রত্যাবর্তিত পূর্বাভাসের অংশ যা ব্যবহারকারীর ইনপুটের সাথে মেলে। ডিফল্টরূপে, এই মিলে যাওয়া টেক্সটটিকে বোল্ড টেক্সটে হাইলাইট করা হয়। মনে রাখবেন যে মিলিত পাঠ্যটি ভবিষ্যদ্বাণী-আইটেমের মধ্যে যেকোনো জায়গায় থাকতে পারে। এটা অগত্যা ভবিষ্যদ্বাণী-আইটেম-প্রধান-পাঠ্য অংশ নয়. |
prediction-item-selected | আইটেমটি যখন ব্যবহারকারী কীবোর্ডের মাধ্যমে এটিতে নেভিগেট করে। দ্রষ্টব্য: নির্বাচিত আইটেমগুলি এই অংশ শৈলী এবং পূর্বাভাস-আইটেম অংশ শৈলী উভয় দ্বারা প্রভাবিত হবে৷ |
prediction-list | স্থান স্বয়ংসম্পূর্ণ পরিষেবা দ্বারা প্রত্যাবর্তিত ভবিষ্যদ্বাণীগুলির তালিকা ধারণকারী ভিজ্যুয়াল উপাদান৷ এই তালিকাটি PlaceAutocompleteElement-এর নীচে একটি ড্রপডাউন তালিকা হিসাবে উপস্থিত হয়। |
পদ্ধতি | |
---|---|
| addEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন। |
| removeEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন। |
ঘটনা | |
---|---|
gmp-error | function(errorEvent) যুক্তি:
ব্যাকএন্ডে একটি অনুরোধ অস্বীকার করা হলে এই ইভেন্টটি বরখাস্ত করা হয় (যেমন ভুল API কী)। এই ঘটনা বুদবুদ না. |
gmp-select | function(placePredictionSelectEvent) যুক্তি:
একজন ব্যবহারকারী একটি স্থান পূর্বাভাস নির্বাচন করলে এই ইভেন্টটি বরখাস্ত করা হয়। একটি PlacePrediction অবজেক্ট রয়েছে যা একটি প্লেস অবজেক্টে রূপান্তরিত করা যেতে পারে। |
PlaceAutocompleteElementOptions ইন্টারফেস
google.maps.places . PlaceAutocompleteElementOptions
ইন্টারফেস
একটি PlaceAutocompleteElement নির্মাণের বিকল্প। প্রতিটি সম্পত্তির বর্ণনার জন্য, PlaceAutocompleteElement ক্লাসে একই নামের সম্পত্তি দেখুন।
বৈশিষ্ট্য | |
---|---|
locationBias optional | প্রকার: LocationBias optional |
locationRestriction optional | প্রকার: LocationRestriction optional |
name optional | প্রকার: string optional |
requestedLanguage 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 রূপান্তর করুন। |
PlaceAutocompleteRequestErrorEvent ক্লাস
google.maps.places . PlaceAutocompleteRequestErrorEvent
ক্লাস
নেটওয়ার্ক অনুরোধে কোনো সমস্যা হলে PlaceAutocompleteElement দ্বারা এই ইভেন্টটি নির্গত হয়।
এই ক্লাস Event
প্রসারিত.
const {PlaceAutocompleteRequestErrorEvent} = await google.maps.importLibrary("places")
কল করে অ্যাক্সেস করুন।
Maps JavaScript API-এ লাইব্রেরিগুলি দেখুন।
প্লেস কনটেক্সচুয়াল এলিমেন্ট ক্লাস
google.maps.places . PlaceContextualElement
ক্লাস
একটি উইজেট যা Google মানচিত্র প্রতিক্রিয়া সহ গ্রাউন্ডিং এর একটি প্রাসঙ্গিক দৃশ্য প্রদর্শন করতে প্রসঙ্গ টোকেন ব্যবহার করে।
কাস্টম উপাদান:
<gmp-place-contextual context-token="string"></gmp-place-contextual>
এই ক্লাসটি HTMLElement
প্রসারিত করে।
এই ক্লাসটি PlaceContextualElementOptions
প্রয়োগ করে।
const {PlaceContextualElement} = await google.maps.importLibrary("places")
কল করে অ্যাক্সেস করুন।
Maps JavaScript API-এ লাইব্রেরিগুলি দেখুন।
বৈশিষ্ট্য | |
---|---|
contextToken | প্রকার: string optional প্রসঙ্গ টোকেন। এইচটিএমএল বৈশিষ্ট্য:
|
পদ্ধতি | |
---|---|
| addEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন। |
| removeEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন। |
PlaceContextualElementOptions ইন্টারফেস
google.maps.places . PlaceContextualElementOptions
ইন্টারফেস
PlaceContextualElement
এর জন্য বিকল্প।
বৈশিষ্ট্য | |
---|---|
contextToken optional | প্রকার: string optional 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-এ লাইব্রেরিগুলি দেখুন।
বৈশিষ্ট্য | |
---|---|
layout | প্রকার: PlaceContextualListLayout optional লেআউট। এইচটিএমএল বৈশিষ্ট্য:
|
mapHidden | প্রকার: boolean optional ম্যাপ লুকানো আছে কিনা। এইচটিএমএল বৈশিষ্ট্য:
|
পদ্ধতি | |
---|---|
| addEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন। |
| removeEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন। |
PlaceContextualListConfigElementOptions ইন্টারফেস
google.maps.places . PlaceContextualListConfigElementOptions
ইন্টারফেস
PlaceContextualListConfigElement এর জন্য বিকল্প।
বৈশিষ্ট্য | |
---|---|
layout optional | প্রকার: PlaceContextualListLayout optional লেআউট। ডিফল্ট হল PlaceContextualListLayout.VERTICAL । |
mapHidden optional | প্রকার: boolean optional ম্যাপ লুকানো আছে কিনা। ডিফল্ট মানচিত্র প্রদর্শন করা হয় (মান মিথ্যা)। |
PlaceContextualListLayout ধ্রুবক
google.maps.places . PlaceContextualListLayout
ধ্রুবক
প্লেস কনটেক্সচুয়াল এলিমেন্ট তালিকা দেখার জন্য সমর্থন করে এমন লেআউটের তালিকা।
const {PlaceContextualListLayout} = await google.maps.importLibrary("places")
কল করে অ্যাক্সেস করুন।
Maps JavaScript API-এ লাইব্রেরিগুলি দেখুন।
ধ্রুবক | |
---|---|
COMPACT | সংক্ষিপ্ত তালিকা বিন্যাস: তালিকা আইটেমগুলিকে একটি ড্রপডাউন তালিকায় ওভারফ্লো সহ একটি একক লাইন জুড়ে লিঙ্ক হিসাবে রেন্ডার করা হয়। |
VERTICAL | উল্লম্ব তালিকা বিন্যাস: তালিকা আইটেমগুলি একটি উল্লম্ব তালিকায় কার্ড হিসাবে রেন্ডার করা হয়। |
স্থানের বিবরণ এলিমেন্ট ক্লাস
google.maps.places . PlaceDetailsElement
ক্লাস
একটি HTML উপাদান যা একটি স্থানের বিবরণ প্রদর্শন করে। রেন্ডার করা বিষয়বস্তু নির্দিষ্ট করতে configureFromPlace()
বা configureFromLocation()
পদ্ধতি ব্যবহার করুন। স্থানের বিশদ উপাদান ব্যবহার করতে, Google ক্লাউড কনসোলে আপনার প্রকল্পের জন্য Places UI Kit API সক্ষম করুন৷
কাস্টম উপাদান:
<gmp-place-details size="small"></gmp-place-details>
এই ক্লাসটি HTMLElement
প্রসারিত করে।
এই ক্লাসটি PlaceDetailsElementOptions
প্রয়োগ করে।
const {PlaceDetailsElement} = await google.maps.importLibrary("places")
কল করে অ্যাক্সেস করুন।
Maps JavaScript API-এ লাইব্রেরিগুলি দেখুন।
কনস্ট্রাক্টর | |
---|---|
PlaceDetailsElement | PlaceDetailsElement([options]) পরামিতি:
|
বৈশিষ্ট্য | |
---|---|
place | প্রকার: Place optional শুধু পড়ুন। আইডি, অবস্থান, এবং বর্তমানে রেন্ডার করা জায়গার ভিউপোর্ট ধারণকারী বস্তু Place । |
size | প্রকার: PlaceDetailsSize optional PlaceDetailsElement-এর আকারের বৈকল্পিক। ডিফল্টরূপে, উপাদানটি PlaceDetailsSize.X_LARGE প্রদর্শন করবে। এইচটিএমএল বৈশিষ্ট্য:
|
পদ্ধতি | |
---|---|
| addEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন। |
configureFromLocation | configureFromLocation(location) পরামিতি:
রিটার্ন ভ্যালু: Promise <void> একটি প্রতিশ্রুতি যা একবার স্থানের ডেটা লোড এবং রেন্ডার করার পরে সমাধান করে। বিপরীত জিওকোডিং ব্যবহার করে একটি LatLng থেকে উইজেট কনফিগার করে। |
configureFromPlace | configureFromPlace(place) পরামিতি:
রিটার্ন ভ্যালু: Promise <void> একটি প্রতিশ্রুতি যা একবার স্থানের ডেটা লোড এবং রেন্ডার করার পরে সমাধান করে। একটি Place বস্তু বা স্থান আইডি থেকে উইজেট কনফিগার করে। |
| removeEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন। |
ঘটনা | |
---|---|
gmp-load | function(event) যুক্তি:
যখন উপাদানটি লোড হয় এবং তার বিষয়বস্তু রেন্ডার করে তখন এই ইভেন্টটি চালু হয়৷ এই ঘটনা বুদবুদ না. |
gmp-requesterror | function(event) যুক্তি:
ব্যাকএন্ডে একটি অনুরোধ অস্বীকার করা হলে এই ইভেন্টটি বরখাস্ত করা হয় (যেমন ভুল API কী)। এই ঘটনা বুদবুদ না. |
PlaceDetailsElementOptions ইন্টারফেস
google.maps.places . PlaceDetailsElementOptions
ইন্টারফেস
PlaceDetailsElement
এর জন্য বিকল্প।
বৈশিষ্ট্য | |
---|---|
size optional | প্রকার: PlaceDetailsSize optional PlaceDetailsElement.size দেখুন |
স্থানের বিশদ আকারের ধ্রুবক
google.maps.places . PlaceDetailsSize
ধ্রুবক
PlaceDetailsElement
জন্য আকারের বৈকল্পিক।
const {PlaceDetailsSize} = await google.maps.importLibrary("places")
কল করে অ্যাক্সেস করুন।
Maps JavaScript API-এ লাইব্রেরিগুলি দেখুন।
ধ্রুবক | |
---|---|
LARGE | একটি বড় ছবি, মৌলিক তথ্য এবং যোগাযোগের তথ্য সহ বড় বৈকল্পিক। |
MEDIUM | একটি বড় ছবি এবং মৌলিক তথ্য সহ মাঝারি বৈকল্পিক। |
SMALL | একটি ছোট ছবি এবং মৌলিক তথ্য সহ ছোট বৈকল্পিক। |
X_LARGE | একটি ফটো কোলাজ, পর্যালোচনা, এবং ব্যাপক স্থান তথ্য সহ অতিরিক্ত বড় বৈকল্পিক। |
স্থানের বিবরণ কমপ্যাক্ট এলিমেন্ট ক্লাস
google.maps.places . PlaceDetailsCompactElement
ক্লাস
একটি কমপ্যাক্ট লেআউটে একটি স্থানের বিবরণ প্রদর্শন করে। যে স্থানটি রেন্ডার করা হবে তা নির্দিষ্ট করতে একটি PlaceDetailsPlaceRequestElement
যোগ করুন। কোন সামগ্রী রেন্ডার করতে হবে তা নির্দিষ্ট করতে একটি PlaceContentConfigElement
, PlaceStandardContentElement
, বা PlaceAllContentElement
যোগ করুন৷
এই উপাদানটি ব্যবহার করতে, Google ক্লাউড কনসোলে আপনার প্রকল্পের জন্য 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 উপাদানটির অভিযোজন বৈকল্পিক (উল্লম্ব বা অনুভূমিক)। এইচটিএমএল বৈশিষ্ট্য:
|
place | প্রকার: Place optional শুধু পড়ুন। আইডি, অবস্থান, এবং বর্তমানে রেন্ডার করা জায়গার ভিউপোর্ট ধারণকারী বস্তু রাখুন। |
truncationPreferred | প্রকার: boolean ডিফল্ট: false সত্য হলে, মোড়ানোর পরিবর্তে একটি লাইনে ফিট করার জন্য স্থানের নাম এবং ঠিকানা ছেঁটে দেয়। এইচটিএমএল বৈশিষ্ট্য:
|
CSS বৈশিষ্ট্য | |
---|---|
--gmp-mat-color-info | তথ্যগত অনুভূতি সহ UI উপাদানগুলির রঙ। হুইলচেয়ার আইকন জন্য ব্যবহৃত. |
--gmp-mat-color-negative | নেতিবাচক অনুভূতি সহ UI উপাদানগুলির রঙ। এখন খোলা অবস্থায় "বন্ধ" পাঠ্যের জন্য ব্যবহৃত হয়। |
--gmp-mat-color-neutral-container | নিরপেক্ষ ভরা UI উপাদানগুলির জন্য ধারক রঙ। চিত্র স্থানধারকদের জন্য ব্যবহৃত. |
--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-medium | অ্যাট্রিবিউশন ডায়ালগে বডি টেক্সটের জন্য ব্যবহার করা হয়। |
--gmp-mat-font-body-small | জায়গার ঠিকানা, রেটিং, টাইপ, দাম এবং ওপেন এখন স্ট্যাটাসের জন্য ব্যবহৃত হয়। |
--gmp-mat-font-family | সমস্ত পাঠ্যের জন্য ব্যবহৃত বেস ফন্ট পরিবার। |
--gmp-mat-font-headline-medium | অ্যাট্রিবিউশন ডায়ালগে টেক্সট শিরোনামের জন্য ব্যবহৃত হয়। |
--gmp-mat-font-label-large | "মানচিত্রে খুলুন" বোতাম এবং অ্যাট্রিবিউশন ডায়ালগে লিঙ্কগুলির জন্য ব্যবহৃত হয়৷ |
--gmp-mat-font-title-small | জায়গার নামের জন্য ব্যবহার করা হয়েছে। |
background-color | উপাদানটির পটভূমির রঙ ওভাররাইড করে। |
border | উপাদানের সীমানা ওভাররাইড করে। |
border-radius | উপাদানটির সীমানা ব্যাসার্ধকে ওভাররাইড করে। |
color-scheme | এই উপাদানটি কোন রঙের স্কিমটিতে রেন্ডার করা যেতে পারে তা নির্দেশ করে৷ আরও বিশদ বিবরণের জন্য color-scheme ডকুমেন্টেশন দেখুন৷ color-scheme: light dark । |
font-size | এলিমেন্টের সমস্ত টেক্সট এবং আইকন স্কেল করে, যেগুলি ইএমএসে অভ্যন্তরীণভাবে সংজ্ঞায়িত করা হয়। ডিফল্ট 16px । |
পদ্ধতি | |
---|---|
| addEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন। |
| removeEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন। |
ঘটনা | |
---|---|
gmp-error | function(event) যুক্তি:
ব্যাকএন্ডে একটি অনুরোধ অস্বীকার করা হলে এই ইভেন্টটি বরখাস্ত করা হয় (যেমন ভুল API কী)। এই ঘটনা বুদবুদ না. |
gmp-load | function(event) যুক্তি:
যখন উপাদানটি লোড হয় এবং তার বিষয়বস্তু রেন্ডার করে তখন এই ইভেন্টটি চালু হয়৷ এই ঘটনা বুদবুদ না. |
স্থানের বিবরণ কমপ্যাক্ট এলিমেন্ট বিকল্প ইন্টারফেস
google.maps.places . PlaceDetailsCompactElementOptions
ইন্টারফেস
PlaceDetailsCompactElement
এর জন্য বিকল্প।
বৈশিষ্ট্য | |
---|---|
orientation optional | প্রকার: PlaceDetailsOrientation optional |
truncationPreferred optional | প্রকার: boolean optional |
স্থানের বিবরণ ওরিয়েন্টেশন ধ্রুবক
google.maps.places . PlaceDetailsOrientation
ওরিয়েন্টেশন ধ্রুবক
PlaceDetailsCompactElement
জন্য ওরিয়েন্টেশন ভেরিয়েন্ট।
const {PlaceDetailsOrientation} = await google.maps.importLibrary("places")
কল করে অ্যাক্সেস করুন।
Maps JavaScript API-এ লাইব্রেরিগুলি দেখুন।
ধ্রুবক | |
---|---|
HORIZONTAL | অনুভূমিক অভিযোজন। |
VERTICAL | উল্লম্ব অভিযোজন। |
স্থানের বিবরণPlaceRequestElement ক্লাস
google.maps.places . PlaceDetailsPlaceRequestElement
ক্লাস
একটি স্থান অবজেক্ট, আইডি, বা সংস্থান নামের উপর ভিত্তি করে ডেটা লোড করতে একটি স্থানের বিবরণ কমপ্যাক্ট উপাদান কনফিগার করে। নির্দিষ্ট স্থানের জন্য ডেটা লোড করতে একটি PlaceDetailsCompactElement
এর শিশু হিসাবে এই উপাদানটি যুক্ত করুন।
কাস্টম উপাদান:
<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 স্থানের বিশদ বিবরণ কমপ্যাক্ট উপাদানে বিবরণ রেন্ডার করার জন্য স্থান বস্তু, আইডি বা সংস্থানের নাম। এই সম্পত্তি একটি সম্পদ নাম হিসাবে বৈশিষ্ট্য প্রতিফলিত. এইচটিএমএল বৈশিষ্ট্য:
|
পদ্ধতি | |
---|---|
| addEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন। |
| removeEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন। |
স্থানের বিবরণPlaceRequestElementOptions ইন্টারফেস
google.maps.places . PlaceDetailsPlaceRequestElementOptions
ইন্টারফেস
PlaceDetailsPlaceRequestElement
এর জন্য বিকল্প।
বৈশিষ্ট্য | |
---|---|
place optional | প্রকার: Place |string optional |
PlaceContentConfigElement ক্লাস
google.maps.places . PlaceContentConfigElement
ক্লাস
স্থানের বিবরণ কমপ্যাক্ট উপাদান দ্বারা দেখানো বিষয়বস্তু কনফিগার করে। এটি ব্যবহার করার জন্য একটি PlaceDetailsCompactElement
এর একটি শিশু হিসাবে এই উপাদানটি যোগ করুন। সংশ্লিষ্ট বিষয়বস্তু দেখানোর জন্য PlaceContentConfigElement
এ নিম্নলিখিত উপাদানগুলির যেকোনো একটি যুক্ত করুন:
PlaceMediaElement
, PlaceAddressElement
, PlaceRatingElement
, PlaceTypeElement
, PlacePriceElement
, PlaceAccessibleEntranceIconElement
EntranceIconElement , PlaceOpenNowStatusElement
, PlaceAttributionElement
বাচ্চাদের অর্ডার কোন ব্যাপার না; উপাদানটি একটি মানক ক্রমে সামগ্রী রেন্ডার করে যা কাস্টমাইজ করা যায় না।
কাস্টম উপাদান:
<gmp-place-content-config></gmp-place-content-config>
এই ক্লাসটি HTMLElement
প্রসারিত করে।
এই ক্লাসটি PlaceContentConfigElementOptions
প্রয়োগ করে।
const {PlaceContentConfigElement} = await google.maps.importLibrary("places")
কল করে অ্যাক্সেস করুন।
Maps JavaScript API-এ লাইব্রেরিগুলি দেখুন।
কনস্ট্রাক্টর | |
---|---|
PlaceContentConfigElement | PlaceContentConfigElement([options]) পরামিতি:
|
পদ্ধতি | |
---|---|
| addEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন। |
| removeEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন। |
PlaceContentConfigElementOptions ইন্টারফেস
google.maps.places . PlaceContentConfigElementOptions
ইন্টারফেস
PlaceContentConfigElement
এর জন্য বিকল্প।
প্লেসমিডিয়া এলিমেন্ট ক্লাস
google.maps.places . PlaceMediaElement
ক্লাস
একটি স্থানের বিশদ কম্প্যাক্ট উপাদান কনফিগার করে একটি স্থানের মিডিয়া দেখাতে, যেমন ফটো৷ এটি ব্যবহার করার জন্য একটি PlaceContentConfigElement
এর একটি শিশু হিসাবে এই উপাদান যোগ করুন।
কাস্টম উপাদান:
<gmp-place-media lightbox-preferred></gmp-place-media>
এই ক্লাসটি HTMLElement
প্রসারিত করে।
এই ক্লাসটি PlaceMediaElementOptions
প্রয়োগ করে।
const {PlaceMediaElement} = await google.maps.importLibrary("places")
কল করে অ্যাক্সেস করুন।
Maps JavaScript API-এ লাইব্রেরিগুলি দেখুন।
কনস্ট্রাক্টর | |
---|---|
PlaceMediaElement | PlaceMediaElement([options]) পরামিতি:
|
বৈশিষ্ট্য | |
---|---|
lightboxPreferred | প্রকার: boolean optional ডিফল্ট: false মিডিয়া লাইটবক্স সক্ষম বা নিষ্ক্রিয় করা হবে, এমন ক্ষেত্রে যেখানে উভয় বিকল্পই সমর্থিত। এইচটিএমএল বৈশিষ্ট্য:
|
পদ্ধতি | |
---|---|
| addEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন। |
| removeEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন। |
PlaceMediaElementOptions ইন্টারফেস
google.maps.places . PlaceMediaElementOptions
ইন্টারফেস
PlaceMediaElement
এর জন্য বিকল্প।
বৈশিষ্ট্য | |
---|---|
lightboxPreferred optional | প্রকার: boolean optional |
PlaceAddressElement ক্লাস
google.maps.places . PlaceAddressElement
ক্লাস
একটি স্থানের ঠিকানা দেখানোর জন্য একটি স্থানের বিবরণ কমপ্যাক্ট উপাদান কনফিগার করে। এটি ব্যবহার করার জন্য একটি PlaceContentConfigElement
এর একটি শিশু হিসাবে এই উপাদান যোগ করুন।
কাস্টম উপাদান:
<gmp-place-address></gmp-place-address>
এই ক্লাসটি HTMLElement
প্রসারিত করে।
এই ক্লাসটি PlaceAddressElementOptions
প্রয়োগ করে।
const {PlaceAddressElement} = await google.maps.importLibrary("places")
কল করে অ্যাক্সেস করুন।
Maps JavaScript API-এ লাইব্রেরিগুলি দেখুন।
কনস্ট্রাক্টর | |
---|---|
PlaceAddressElement | PlaceAddressElement([options]) পরামিতি:
|
পদ্ধতি | |
---|---|
|