Places Widgets

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টি পর্যন্ত মান নির্দিষ্ট করা যেতে পারে। কোনো প্রকার নির্দিষ্ট না থাকলে, সমস্ত স্থানের ধরন ফেরত দেওয়া হয়।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-autocomplete included-primary-types="type1 type2 type3..."></gmp-place-autocomplete>
includedRegionCodes
প্রকার: Array <string> optional
শুধুমাত্র 15টি CLDR দুই-অক্ষরের অঞ্চল কোড হিসাবে নির্দিষ্ট করা নির্দিষ্ট অঞ্চলের ফলাফলগুলি অন্তর্ভুক্ত করুন৷ একটি খালি সেট ফলাফল সীমাবদ্ধ করবে না। locationRestriction এবং includedRegionCodes উভয়ই সেট করা থাকলে, ফলাফল ছেদ এলাকায় অবস্থিত হবে।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-autocomplete included-region-codes="c1 c2 c3..."></gmp-place-autocomplete>
locationBias
প্রকার: LocationBias optional
স্থান অনুসন্ধান করার সময় ব্যবহার করার জন্য একটি নরম সীমানা বা ইঙ্গিত।
locationRestriction
প্রকার: LocationRestriction optional
অনুসন্ধান ফলাফল সীমাবদ্ধ.
name
প্রকার: string optional
ইনপুট উপাদানের জন্য ব্যবহার করা নাম। বিস্তারিত জানার জন্য https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name দেখুন। ইনপুটগুলির জন্য নাম বৈশিষ্ট্যের মতো একই আচরণ অনুসরণ করে। মনে রাখবেন যে এটি একটি নাম যা একটি ফর্ম জমা দেওয়ার সময় ব্যবহার করা হবে। বিস্তারিত জানার জন্য https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form দেখুন।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-autocomplete name="string"></gmp-place-autocomplete>
origin
প্রকার: LatLng | LatLngLiteral | LatLngAltitude | LatLngAltitudeLiteral optional
উৎপত্তি যেখান থেকে দূরত্ব গণনা করতে হবে। নির্দিষ্ট না হলে, দূরত্ব গণনা করা হয় না। উচ্চতা, যদি দেওয়া হয়, গণনায় ব্যবহার করা হয় না।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-autocomplete origin="lat,lng"></gmp-place-autocomplete>
  • <gmp-place-autocomplete origin="lat,lng,altitude"></gmp-place-autocomplete>
requestedLanguage
প্রকার: string optional
সম্ভব হলে যে ভাষার ফলাফলগুলি ফেরত দেওয়া উচিত তার জন্য একটি ভাষা শনাক্তকারী৷ নির্বাচিত ভাষায় ফলাফল একটি উচ্চ র্যাঙ্কিং দেওয়া হতে পারে, কিন্তু পরামর্শ এই ভাষা সীমাবদ্ধ নয়. সমর্থিত ভাষার তালিকা দেখুন।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-autocomplete requested-language="string"></gmp-place-autocomplete>
requestedRegion
প্রকার: string optional
একটি অঞ্চল কোড যা ফলাফল বিন্যাস এবং ফলাফল ফিল্টারিংয়ের জন্য ব্যবহৃত হয়। এটা এই দেশের পরামর্শ সীমাবদ্ধ না. অঞ্চল কোড একটি ccTLD ("টপ-লেভেল ডোমেন") দুই-অক্ষরের মান গ্রহণ করে। কিছু উল্লেখযোগ্য ব্যতিক্রম সহ বেশিরভাগ ccTLD কোডগুলি ISO 3166-1 কোডগুলির সাথে অভিন্ন। উদাহরণস্বরূপ, যুক্তরাজ্যের ccTLD হল "uk" ( .co.uk ) যেখানে এর ISO 3166-1 কোড হল "gb" (প্রযুক্তিগতভাবে "দ্য ইউনাইটেড কিংডম অফ গ্রেট ব্রিটেন এবং উত্তর আয়ারল্যান্ড" এর সত্তার জন্য)।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-autocomplete requested-region="string"></gmp-place-autocomplete>
unitSystem
প্রকার: UnitSystem optional
দূরত্ব প্রদর্শন করতে ব্যবহৃত ইউনিট সিস্টেম। নির্দিষ্ট না থাকলে, ইউনিট সিস্টেম অনুরোধ করা অঞ্চল দ্বারা নির্ধারিত হয়।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-autocomplete unit-system="metric"></gmp-place-autocomplete>
  • <gmp-place-autocomplete unit-system="imperial"></gmp-place-autocomplete>
prediction-item
ভবিষ্যদ্বাণীগুলির ড্রপ ডাউনে একটি আইটেম যা একটি একক ভবিষ্যদ্বাণী উপস্থাপন করে৷
prediction-item-icon
ভবিষ্যদ্বাণীর তালিকায় প্রতিটি আইটেমের বাম দিকে প্রদর্শিত আইকন।
prediction-item-main-text
ভবিষ্যদ্বাণী-আইটেমের একটি অংশ যা পূর্বাভাসের মূল পাঠ্য। ভৌগলিক অবস্থানের জন্য, এতে একটি স্থানের নাম রয়েছে, যেমন 'সিডনি', বা একটি রাস্তার নাম এবং নম্বর, যেমন '10 কিং স্ট্রিট'৷ ডিফল্টরূপে, ভবিষ্যদ্বাণী-আইটেম-প্রধান-পাঠ্যটি কালো রঙের হয়। যদি ভবিষ্যদ্বাণী-আইটেমটিতে কোনও অতিরিক্ত পাঠ্য থাকে তবে এটি পূর্বাভাস-আইটেম-প্রধান-পাঠ্যের বাইরে এবং ভবিষ্যদ্বাণী-আইটেম থেকে এর স্টাইলিং উত্তরাধিকারসূত্রে পাওয়া যায়। এটি ডিফল্টরূপে ধূসর রঙের হয়। অতিরিক্ত পাঠ্যটি সাধারণত একটি ঠিকানা।
prediction-item-match
প্রত্যাবর্তিত পূর্বাভাসের অংশ যা ব্যবহারকারীর ইনপুটের সাথে মেলে। ডিফল্টরূপে, এই মিলে যাওয়া টেক্সটটিকে বোল্ড টেক্সটে হাইলাইট করা হয়। মনে রাখবেন যে মিলিত পাঠ্যটি ভবিষ্যদ্বাণী-আইটেমের মধ্যে যেকোনো জায়গায় থাকতে পারে। এটা অগত্যা ভবিষ্যদ্বাণী-আইটেম-প্রধান-পাঠ্য অংশ নয়.
prediction-item-selected
আইটেমটি যখন ব্যবহারকারী কীবোর্ডের মাধ্যমে এটিতে নেভিগেট করে। দ্রষ্টব্য: নির্বাচিত আইটেমগুলি এই অংশ শৈলী এবং পূর্বাভাস-আইটেম অংশ শৈলী উভয় দ্বারা প্রভাবিত হবে৷
prediction-list
স্থান স্বয়ংসম্পূর্ণ পরিষেবা দ্বারা প্রত্যাবর্তিত ভবিষ্যদ্বাণীগুলির তালিকা ধারণকারী ভিজ্যুয়াল উপাদান৷ এই তালিকাটি PlaceAutocompleteElement-এর নীচে একটি ড্রপডাউন তালিকা হিসাবে উপস্থিত হয়।
Beta addEventListener
addEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি কেস-সংবেদনশীল স্ট্রিং যা শোনার জন্য ইভেন্টের ধরণকে উপস্থাপন করে।
  • listener : EventListener | EventListenerObject যে বস্তুটি একটি বিজ্ঞপ্তি পায়। এটি অবশ্যই একটি ফাংশন বা হ্যান্ডেল ইভেন্ট পদ্ধতি সহ একটি বস্তু হতে হবে
  • options : boolean| AddEventListenerOptions optional বিকল্পগুলি দেখুন। কাস্টম ইভেন্টগুলি শুধুমাত্র capture এবং passive সমর্থন করে৷
রিটার্ন মান: void
একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন।
Beta removeEventListener
removeEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি স্ট্রিং যা ইভেন্টের ধরন নির্দিষ্ট করে যার জন্য একটি ইভেন্ট শ্রোতাকে সরাতে হবে।
  • listener : EventListener | EventListenerObject ইভেন্ট টার্গেট থেকে সরাতে ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসেনার।
  • options : boolean| EventListenerOptions optional অপশন দেখুন।
রিটার্ন মান: 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
প্রসঙ্গ টোকেন।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-contextual context-token="string"></gmp-place-contextual>
Beta addEventListener
addEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি কেস-সংবেদনশীল স্ট্রিং যা শোনার জন্য ইভেন্টের ধরণকে উপস্থাপন করে।
  • listener : EventListener | EventListenerObject যে বস্তুটি একটি বিজ্ঞপ্তি পায়। এটি অবশ্যই একটি ফাংশন বা হ্যান্ডেল ইভেন্ট পদ্ধতি সহ একটি বস্তু হতে হবে
  • options : boolean| AddEventListenerOptions optional বিকল্পগুলি দেখুন। কাস্টম ইভেন্টগুলি শুধুমাত্র capture এবং passive সমর্থন করে৷
রিটার্ন মান: void
একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন।
Beta removeEventListener
removeEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি স্ট্রিং যা ইভেন্টের ধরন নির্দিষ্ট করে যার জন্য একটি ইভেন্ট শ্রোতাকে সরাতে হবে।
  • listener : EventListener | EventListenerObject ইভেন্ট টার্গেট থেকে সরাতে ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসেনার।
  • options : boolean| EventListenerOptions optional অপশন দেখুন।
রিটার্ন মান: 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
লেআউট।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-contextual-list-config layout="compact"></gmp-place-contextual-list-config>
  • <gmp-place-contextual-list-config layout="vertical"></gmp-place-contextual-list-config>
mapHidden
প্রকার: boolean optional
ম্যাপ লুকানো আছে কিনা।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-contextual-list-config map-hidden></gmp-place-contextual-list-config>
Beta addEventListener
addEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি কেস-সংবেদনশীল স্ট্রিং যা শোনার জন্য ইভেন্টের ধরণকে উপস্থাপন করে।
  • listener : EventListener | EventListenerObject যে বস্তুটি একটি বিজ্ঞপ্তি পায়। এটি অবশ্যই একটি ফাংশন বা হ্যান্ডেল ইভেন্ট পদ্ধতি সহ একটি বস্তু হতে হবে
  • options : boolean| AddEventListenerOptions optional