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 | একটি বড় ছবি এবং মৌলিক তথ্য সহ মাঝারি বৈকল্পিক। |
|