Places Widgets

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
প্রাথমিক স্থানের প্রকার অন্তর্ভুক্ত (উদাহরণস্বরূপ, "রেস্তোরাঁ" বা "পেট্রোল_স্টেশন")।

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

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

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-এর নীচে একটি ড্রপডাউন তালিকা হিসাবে উপস্থিত হয়।
background-color
উপাদানটির পটভূমির রঙ ওভাররাইড করে।
border
উপাদানের সীমানা ওভাররাইড করে।
border-radius
উপাদানটির সীমানা ব্যাসার্ধকে ওভাররাইড করে।
color-scheme
এই উপাদানটি কোন রঙের স্কিমটিতে রেন্ডার করা যেতে পারে তা নির্দেশ করে৷ আরও বিশদ বিবরণের জন্য color-scheme ডকুমেন্টেশন দেখুন৷ color-scheme: light dark ।
addEventListener
addEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি কেস-সংবেদনশীল স্ট্রিং যা শোনার জন্য ইভেন্টের ধরণকে উপস্থাপন করে।
  • listener : EventListener | EventListenerObject যে বস্তুটি একটি বিজ্ঞপ্তি পায়। এটি অবশ্যই একটি ফাংশন বা হ্যান্ডেল ইভেন্ট পদ্ধতি সহ একটি বস্তু হতে হবে
  • options : boolean| AddEventListenerOptions optional বিকল্পগুলি দেখুন। কাস্টম ইভেন্টগুলি শুধুমাত্র capture এবং passive সমর্থন করে৷
রিটার্ন মান: void
একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন।
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 ক্লাসে একই নামের সম্পত্তি দেখুন।

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

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-এ লাইব্রেরিগুলি দেখুন।

PlaceContextualElement
PlaceContextualElement([options])
পরামিতি:
contextToken
প্রকার: string optional
প্রসঙ্গ টোকেন।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-contextual context-token="string"></gmp-place-contextual>
addEventListener
addEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি কেস-সংবেদনশীল স্ট্রিং যা শোনার জন্য ইভেন্টের ধরণকে উপস্থাপন করে।
  • listener : EventListener | EventListenerObject যে বস্তুটি একটি বিজ্ঞপ্তি পায়। এটি অবশ্যই একটি ফাংশন বা হ্যান্ডেল ইভেন্ট পদ্ধতি সহ একটি বস্তু হতে হবে
  • options : boolean| AddEventListenerOptions optional বিকল্পগুলি দেখুন। কাস্টম ইভেন্টগুলি শুধুমাত্র capture এবং passive সমর্থন করে৷
রিটার্ন মান: void
একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন।
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 map-mode="none"></gmp-place-contextual-list-config>

এই ক্লাসটি HTMLElement প্রসারিত করে।

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

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

PlaceContextualListConfigElement
PlaceContextualListConfigElement([options])
পরামিতি:
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>
mapMode
প্রকার: PlaceContextualListMapMode optional
স্থানগুলির একটি তালিকার জন্য স্থান প্রাসঙ্গিক উপাদানে ব্যবহৃত মানচিত্র মোড।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-contextual-list-config map-mode="none"></gmp-place-contextual-list-config>
  • <gmp-place-contextual-list-config map-mode="roadmap"></gmp-place-contextual-list-config>
  • <gmp-place-contextual-list-config map-mode="hybrid"></gmp-place-contextual-list-config>
addEventListener
addEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি কেস-সংবেদনশীল স্ট্রিং যা শোনার জন্য ইভেন্টের ধরণকে উপস্থাপন করে।
  • listener : EventListener | EventListenerObject যে বস্তুটি একটি বিজ্ঞপ্তি পায়। এটি অবশ্যই একটি ফাংশন বা হ্যান্ডেল ইভেন্ট পদ্ধতি সহ একটি বস্তু হতে হবে
  • options : boolean| AddEventListenerOptions optional বিকল্পগুলি দেখুন। কাস্টম ইভেন্টগুলি শুধুমাত্র capture এবং passive সমর্থন করে৷
রিটার্ন মান: void
একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি স্ট্রিং যা ইভেন্টের ধরন নির্দিষ্ট করে যার জন্য একটি ইভেন্ট শ্রোতাকে সরাতে হবে।
  • listener : EventListener | EventListenerObject ইভেন্ট টার্গেট থেকে সরাতে ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসেনার।
  • options : boolean| EventListenerOptions optional অপশন দেখুন।
রিটার্ন মান: void
লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন।

PlaceContextualListConfigElementOptions ইন্টারফেস

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

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

layout optional
প্রকার: PlaceContextualListLayout optional
ডিফল্ট: PlaceContextualListLayout.VERTICAL
লেআউট।
mapHidden optional
প্রকার: boolean optional
ডিফল্ট: false
মানচিত্র লুকানো উচিত যদি সত্য.
mapMode optional
প্রকার: PlaceContextualListMapMode optional
ডিফল্ট: PlaceContextualListMapMode.ROADMAP
স্থানগুলির একটি তালিকার জন্য স্থান প্রাসঙ্গিক উপাদানে ব্যবহৃত মানচিত্র মোড।

PlaceContextualListLayout ধ্রুবক

google.maps.places . PlaceContextualListLayout ধ্রুবক

প্লেস কনটেক্সচুয়াল এলিমেন্ট তালিকা দেখার জন্য সমর্থন করে এমন লেআউটের তালিকা।

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

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

PlaceContextualListMapMode ধ্রুবক

google.maps.places . PlaceContextualListMapMode ধ্রুবক

স্থানগুলির একটি তালিকার জন্য স্থান প্রাসঙ্গিক উপাদানে ব্যবহৃত মানচিত্র মোড।

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

HYBRID স্যাটেলাইটে প্রধান রাস্তার একটি স্বচ্ছ স্তর, বা 3D তে ফটোরিয়্যালিস্টিক চিত্র।
NONE কোনো মানচিত্র নেই।
ROADMAP একটি সাধারণ 2D রাস্তার মানচিত্র।

স্থানের বিবরণ এলিমেন্ট ক্লাস

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 ক্লাউড কনসোলে আপনার প্রকল্পের জন্য Places UI Kit API সক্ষম করুন৷

কাস্টম উপাদান:
<gmp-place-details></gmp-place-details>

এই ক্লাসটি HTMLElement প্রসারিত করে।

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

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

PlaceDetailsElement
PlaceDetailsElement([options])
পরামিতি:
place
প্রকার: Place optional
শুধু পড়ুন। আইডি, অবস্থান, এবং বর্তমানে রেন্ডার করা জায়গার ভিউপোর্ট ধারণকারী বস্তু রাখুন।
--gmp-button-border-color
"মানচিত্রে খুলুন" বোতামের সীমানার রঙ।
--gmp-button-border-radius
"মানচিত্রে খুলুন" বোতামের সীমানা ব্যাসার্ধ।
--gmp-button-border-width
"মানচিত্রে খুলুন" বোতামের সীমানা প্রস্থ।
--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
সেকেন্ডারি কন্টেইনার রঙের বিপরীতে পাঠ্য এবং আইকনের রঙ। "মানচিত্রে খুলুন" বোতামে পাঠ্য এবং আইকনগুলির জন্য ব্যবহৃত হয়৷
--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
টোনাল বোতামের মতো রিসেসিভ উপাদানগুলির জন্য, পৃষ্ঠের বিপরীতে কম বিশিষ্ট ফিল রঙ। "মানচিত্রে খুলুন" বোতামের পটভূমির জন্য ব্যবহৃত হয়৷
--gmp-mat-color-surface
ব্যাকগ্রাউন্ডের জন্য রঙ। উপাদানের ব্যাকগ্রাউন্ড এবং Google Maps ডিসক্লোজার ডায়ালগের জন্য ব্যবহার করা হয়।
--gmp-mat-font-body-medium
Google Maps ডিসক্লোজার ডায়ালগে জায়গার ঠিকানা, রেটিং, ধরন, দাম, এখন খোলার স্ট্যাটাস, খোলার সময়, পর্যালোচনা, ফোন নম্বর, ওয়েবসাইট, প্লাস কোড, শীর্ষ বৈশিষ্ট্য এবং বডি টেক্সটের জন্য ব্যবহৃত হয়।
--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
ট্যাব শিরোনামগুলির জন্য ব্যবহৃত হয়, "মানচিত্রে খুলুন" বোতাম, ফটো গ্যালারিতে পর্যালোচক অ্যাট্রিবিউশন পাঠ্য, পর্যালোচনা বিভাগে পর্যালোচক অ্যাট্রিবিউশন পাঠ্য এবং Google মানচিত্র প্রকাশ ডায়ালগে লিঙ্কগুলি।
--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
এলিমেন্টের সমস্ত টেক্সট এবং আইকন স্কেল করে, যেগুলি ইএমএসে অভ্যন্তরীণভাবে সংজ্ঞায়িত করা হয়। ডিফল্ট 16px ।
addEventListener
addEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি কেস-সংবেদনশীল স্ট্রিং যা শোনার জন্য ইভেন্টের ধরণকে উপস্থাপন করে।
  • listener : EventListener | EventListenerObject যে বস্তুটি একটি বিজ্ঞপ্তি পায়। এটি অবশ্যই একটি ফাংশন বা হ্যান্ডেল ইভেন্ট পদ্ধতি সহ একটি বস্তু হতে হবে
  • options : boolean| AddEventListenerOptions optional বিকল্পগুলি দেখুন। কাস্টম ইভেন্টগুলি শুধুমাত্র capture এবং passive সমর্থন করে৷
রিটার্ন মান: void
একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি স্ট্রিং যা ইভেন্টের ধরন নির্দিষ্ট করে যার জন্য একটি ইভেন্ট শ্রোতাকে সরাতে হবে।
  • listener : EventListener | EventListenerObject ইভেন্ট টার্গেট থেকে সরাতে ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসেনার।
  • options : boolean| EventListenerOptions optional অপশন দেখুন।
রিটার্ন মান: void
লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন।
gmp-error
function(event)
যুক্তি:
ব্যাকএন্ডে একটি অনুরোধ অস্বীকার করা হলে এই ইভেন্টটি বরখাস্ত করা হয় (যেমন ভুল API কী)। এই ঘটনা বুদবুদ না.
gmp-load
function(event)
যুক্তি:
যখন উপাদানটি লোড হয় এবং তার বিষয়বস্তু রেন্ডার করে তখন এই ইভেন্টটি চালু হয়৷ এই ঘটনা বুদবুদ না.

PlaceDetailsElementOptions ইন্টারফেস

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

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

স্থানের বিবরণ কমপ্যাক্ট এলিমেন্ট ক্লাস

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

স্থানের বিবরণ কমপ্যাক্ট এলিমেন্ট বিকল্প ইন্টারফেস

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

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

orientation optional
প্রকার: PlaceDetailsOrientation optional
PlaceDetailsCompactElement.orientation দেখুন।
truncationPreferred optional
প্রকার: boolean optional
PlaceDetailsCompactElement.truncationPreferred দেখুন।

স্থানের বিবরণ ওরিয়েন্টেশন ধ্রুবক

google.maps.places . PlaceDetailsOrientation ওরিয়েন্টেশন ধ্রুবক

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

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

HORIZONTAL অনুভূমিক অভিযোজন।
VERTICAL উল্লম্ব অভিযোজন।

স্থানের বিবরণPlaceRequestElement ক্লাস

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

স্থানের বিবরণPlaceRequestElementOptions ইন্টারফেস

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

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

place optional
প্রকার: Place |string optional
PlaceDetailsPlaceRequestElement.place দেখুন

স্থানের বিবরণ অবস্থানের অনুরোধ এলিমেন্ট ক্লাস

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

স্থানের বিবরণ অবস্থানের অনুরোধ এলিমেন্ট বিকল্প ইন্টারফেস

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

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

location optional
প্রকার: LatLng | LatLngLiteral | LatLngAltitude | LatLngAltitudeLiteral optional
যে স্থানটির জন্য স্থানটি রেন্ডার করতে হবে৷

প্লেস সার্চ এলিমেন্ট ক্লাস

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>

স্থান অনুসন্ধান উপাদান ব্যবহার করতে, Google ক্লাউড কনসোলে আপনার প্রকল্পের জন্য স্থান UI কিট 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
অ্যাট্রিবিউশন লোগো এবং আইনি ডিসক্লোজার বোতামের অবস্থান।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-search attribution-position="top"></gmp-place-search>
  • <gmp-place-search attribution-position="bottom"></gmp-place-search>
orientation
প্রকার: PlaceSearchOrientation optional
ডিফল্ট: PlaceSearchOrientation.VERTICAL
উপাদানটির অভিযোজন বৈকল্পিক (উল্লম্ব বা অনুভূমিক)।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-search orientation="vertical"></gmp-place-search>
  • <gmp-place-search orientation="horizontal"></gmp-place-search>
places
প্রকার: Array < Place >
শুধু পড়ুন। বর্তমানে রেন্ডার করা জায়গাগুলির আইডি, অবস্থান এবং ভিউপোর্ট ধারণকারী Place অবজেক্টের অ্যারে।
selectable
প্রকার: boolean optional
ডিফল্ট: false
তালিকা আইটেম নির্বাচনযোগ্য কিনা বা না. সত্য হলে, তালিকার আইটেমগুলি হবে বোতাম যা ক্লিক করার সময় gmp-select ইভেন্ট প্রেরণ করে। অ্যাক্সেসযোগ্য কীবোর্ড নেভিগেশন এবং নির্বাচনও সমর্থিত।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-search selectable></gmp-place-search>
truncationPreferred
প্রকার: boolean optional
ডিফল্ট: false
সত্য হলে, মোড়ানোর পরিবর্তে এক লাইনে ফিট করার জন্য বিষয়বস্তুর নির্দিষ্ট লাইন ছেঁটে দেয়।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-search truncation-preferred></gmp-place-search>
--gmp-button-border-color
"মানচিত্রে খুলুন" বোতামের জন্য সীমানার রঙ।
--gmp-button-border-radius
"মানচিত্রে খুলুন" বোতামের জন্য সীমানা ব্যাসার্ধ।
--gmp-button-border-width
"মানচিত্রে খুলুন" বোতামের জন্য সীমানা প্রস্থ।
--gmp-card-border-radius
প্লেস কার্ডের জন্য সীমানা ব্যাসার্ধ।
--gmp-dialog-border-radius
Google মানচিত্র প্রকাশ ডায়ালগের জন্য সীমানা ব্যাসার্ধ।
--gmp-mat-color-info
তথ্যগত অনুভূতি সহ UI উপাদানগুলির রঙ। অ্যাক্সেসযোগ্য প্রবেশদ্বার আইকনের জন্য ব্যবহৃত।
--gmp-mat-color-negative
নেতিবাচক অনুভূতি সহ UI উপাদানগুলির রঙ। একটি জায়গা খোলার সময়ের জন্য "বন্ধ" লেবেলের জন্য ব্যবহৃত হয়।
--gmp-mat-color-neutral-container
নিরপেক্ষ ভরা UI উপাদানগুলির জন্য ধারক রঙ। পর্যালোচনা তারিখ ব্যাজ এবং স্থানধারক আকার লোড করার জন্য ব্যবহার করা হয়.
--gmp-mat-color-on-neutral-container
একটি নিরপেক্ষ পাত্রে পাঠ্য এবং আইকনগুলির রঙ। পর্যালোচনা তারিখের পাঠ্য এবং লোডিং ত্রুটি পাঠ্যের জন্য ব্যবহৃত হয়।
--gmp-mat-color-on-secondary-container
সেকেন্ডারি কন্টেইনার রঙের বিপরীতে টেক্সট এবং আইকনের রঙ। বোতাম টেক্সট এবং আইকন জন্য ব্যবহৃত.
--gmp-mat-color-on-surface
পৃষ্ঠের রঙের বিপরীতে পাঠ্য এবং আইকনের জন্য রঙ। শিরোনাম এবং ডায়ালগ বিষয়বস্তুর জন্য ব্যবহৃত হয়।
--gmp-mat-color-on-surface-variant
পৃষ্ঠের রঙের বিপরীতে পাঠ্য এবং আইকনের জন্য নিম্ন-জোর দেওয়া রঙ। স্থান তথ্যের জন্য ব্যবহার করা হয়.
--gmp-mat-color-outline-decorative
অ-ইন্টারেক্টিভ উপাদানগুলির রূপরেখার রঙ। ধারক সীমানা জন্য ব্যবহৃত.
--gmp-mat-color-positive
ইতিবাচক অনুভূতি সহ UI উপাদানগুলির রঙ। একটি জায়গা খোলার সময়ের জন্য "খোলা" লেবেলের জন্য ব্যবহৃত হয়।
--gmp-mat-color-primary
পৃষ্ঠের রঙের বিপরীতে ইন্টারেক্টিভ টেক্সট এবং আইকনের রঙ। লিঙ্ক, লোডিং সূচক এবং ওভারভিউ আইকনগুলির জন্য ব্যবহৃত হয়।
--gmp-mat-color-secondary-container
একটি পৃষ্ঠের বিপরীতে কম বিশিষ্ট ভরাট রঙ। বোতাম ব্যাকগ্রাউন্ডের জন্য ব্যবহৃত।
--gmp-mat-color-surface
ব্যাকগ্রাউন্ডের জন্য রঙ। ধারক এবং ডায়ালগ ব্যাকগ্রাউন্ডের জন্য ব্যবহৃত হয়।
--gmp-mat-font-body-small
স্থান তথ্যের জন্য ব্যবহার করা হয়.
--gmp-mat-font-family
সমস্ত পাঠ্যের জন্য বেস ফন্ট পরিবার।
--gmp-mat-font-headline-medium
ডায়ালগ শিরোনাম জন্য ব্যবহৃত.
--gmp-mat-font-label-large
বোতাম বিষয়বস্তুর জন্য ব্যবহৃত.
--gmp-mat-font-title-medium
জায়গার নামের জন্য ব্যবহার করা হয়েছে।
--gmp-mat-spacing-extra-small
উপাদানের মধ্যে ব্যবধানের জন্য ব্যবহৃত হয়, যেমন মার্জিন এবং পাঠ্যের চারপাশে প্যাডিং।
--gmp-mat-spacing-large
উপাদানের মধ্যে ব্যবধানের জন্য ব্যবহৃত হয়, যেমন মার্জিন এবং পাঠ্যের চারপাশে প্যাডিং।
--gmp-mat-spacing-medium
উপাদানের মধ্যে ব্যবধানের জন্য ব্যবহৃত হয়, যেমন মার্জিন এবং পাঠ্যের চারপাশে প্যাডিং।
--gmp-mat-spacing-small
উপাদানের মধ্যে ব্যবধানের জন্য ব্যবহৃত হয়, যেমন মার্জিন এবং পাঠ্যের চারপাশে প্যাডিং।
--gmp-star-rating-color
স্টার রেটিংয়ে ভরা তারার রঙ।
--gmp-thumbnail-border-radius
স্থানের থাম্বনেল ছবির জন্য সীমানা ব্যাসার্ধ।
background-color
উপাদানটির পটভূমির রঙ ওভাররাইড করে।
border
উপাদানের সীমানা ওভাররাইড করে।
border-radius
উপাদানটির সীমানা ব্যাসার্ধকে ওভাররাইড করে।
color-scheme
এই উপাদানটি কোন রঙের স্কিমটিতে রেন্ডার করা যেতে পারে তা নির্দেশ করে৷ আরও বিশদ বিবরণের জন্য color-scheme ডকুমেন্টেশন দেখুন৷ color-scheme: light dark ।
font-size
উপাদানের সমস্ত পাঠ্য এবং আইকন স্কেল করে। ডিফল্ট 16px ।
addEventListener
addEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি কেস-সংবেদনশীল স্ট্রিং যা শোনার জন্য ইভেন্টের ধরণকে উপস্থাপন করে।
  • listener : EventListener | EventListenerObject যে বস্তুটি একটি বিজ্ঞপ্তি পায়। এটি অবশ্যই একটি ফাংশন বা হ্যান্ডেল ইভেন্ট পদ্ধতি সহ একটি বস্তু হতে হবে
  • options : boolean| AddEventListenerOptions optional বিকল্পগুলি দেখুন। কাস্টম ইভেন্টগুলি শুধুমাত্র capture এবং passive সমর্থন করে৷
রিটার্ন মান: void
একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি স্ট্রিং যা ইভেন্টের ধরন নির্দিষ্ট করে যার জন্য একটি ইভেন্ট শ্রোতাকে সরাতে হবে।
  • listener : EventListener | EventListenerObject ইভেন্ট টার্গেট থেকে সরাতে ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসেনার।
  • options : boolean| EventListenerOptions optional অপশন দেখুন।
রিটার্ন মান: void
লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন।
gmp-error
function(event)
যুক্তি:
ব্যাকএন্ডে একটি অনুরোধ অস্বীকার করা হলে এই ইভেন্টটি বরখাস্ত করা হয় (যেমন ভুল API কী)। এই ঘটনা বুদবুদ না.
gmp-load
function(event)
যুক্তি:
যখন উপাদানটি লোড হয় এবং তার বিষয়বস্তু রেন্ডার করে তখন এই ইভেন্টটি চালু হয়৷ এই ঘটনা বুদবুদ না.
gmp-select
function(event)
যুক্তি:
তালিকা থেকে একটি স্থান নির্বাচন করা হলে এই ইভেন্টটি বরখাস্ত করা হয়। আইডি, অবস্থান, এবং নির্বাচিত স্থানের ভিউপোর্ট ধারণকারী একটি Place বস্তু রয়েছে।

PlaceSearchElementOptions ইন্টারফেস

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

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

attributionPosition optional
প্রকার: PlaceSearchAttributionPosition optional
PlaceSearchElement.attributionPosition দেখুন।
orientation optional
প্রকার: PlaceSearchOrientation optional
PlaceSearchElement.orientation দেখুন।
selectable optional
প্রকার: boolean optional
PlaceSearchElement.selectable দেখুন
truncationPreferred optional
প্রকার: boolean optional
PlaceSearchElement.truncationPreferred দেখুন।

PlaceSearchAttributionPosition ধ্রুবক

google.maps.places . PlaceSearchAttributionPosition ধ্রুবক

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

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

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

স্থান অনুসন্ধান ওরিয়েন্টেশন ধ্রুবক

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

PlaceNearbySearchRequestElementOptions ইন্টারফেস

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

PlaceNearbySearchRequestElement এর বিকল্প।

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

PlaceTextSearchRequestElement ক্লাস

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

একটি টেক্সট অনুসন্ধান অনুরোধের উপর ভিত্তি করে ফলাফল লোড করতে একটি PlaceSearchElement কনফিগার করে৷ অনুসন্ধান উপাদান লোড করার জন্য textQuery বৈশিষ্ট্য প্রয়োজন। textQuery সেট না থাকলে অন্য কোনো কনফিগার করা বৈশিষ্ট্য উপেক্ষা করা হবে। ফলাফল লোড করতে একটি PlaceSearchElement এর শিশু হিসাবে এই উপাদানটি যুক্ত করুন৷ যেমন:

 <gmp-place-search>
   <gmp-place-text-search-request
     text-query="QUERY"
   ></gmp-place-text-search-request>
   <gmp-place-content-config>
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </gmp-place-content-config>
 </gmp-place-search>

কাস্টম উপাদান:
<gmp-place-text-search-request ev-connector-types="ev-connector-type1 ev-connector-type2..." ev-minimum-charging-rate-kw="rate" included-type="type" is-open-now="true" location-bias="lat,lng" location-restriction="swlat,swlng|nelat,nelng" max-result-count="number" min-rating="number" price-levels="price-level1 price-level2..." rank-preference="preference" text-query="string" use-strict-type-filtering></gmp-place-text-search-request>

এই ক্লাসটি HTMLElement প্রসারিত করে।

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

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

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

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

স্বয়ংসম্পূর্ণ ক্লাস

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

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

এই ক্লাস MVCObject প্রসারিত.

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

Autocomplete
Autocomplete(inputField[, opts])
পরামিতি:
  • inputField : HTMLInputElement <input> পাঠ্য ক্ষেত্র যেখানে Autocomplete সংযুক্ত করা উচিত।
  • opts : AutocompleteOptions optional বিকল্প।
Autocomplete একটি নতুন উদাহরণ তৈরি করে যা প্রদত্ত বিকল্পগুলির সাথে নির্দিষ্ট ইনপুট পাঠ্য ক্ষেত্রে সংযুক্ত করে।
getBounds
getBounds()
পরামিতি: কোনোটিই নয়
রিটার্ন মান: LatLngBounds |undefined বায়াসিং বাউন্ডস।
ভবিষ্যদ্বাণীগুলি পক্ষপাতদুষ্ট সীমা ফেরায়৷
getFields
getFields()
পরামিতি: কোনোটিই নয়
রিটার্ন মান: Array <string>|undefined
বিশদ বিবরণ সফলভাবে পুনরুদ্ধার করা হলে বিশদ প্রতিক্রিয়াতে স্থানের জন্য অন্তর্ভুক্ত করা ক্ষেত্রগুলি ফিরিয়ে দেয়। ক্ষেত্রগুলির একটি তালিকার জন্য PlaceResult দেখুন।
getPlace
getPlace()
পরামিতি: কোনোটিই নয়
রিটার্ন ভ্যালু: PlaceResult ব্যবহারকারীর দ্বারা নির্বাচিত স্থান।
সফলভাবে পুনরুদ্ধার করা হলে ব্যবহারকারীর দ্বারা নির্বাচিত স্থানের বিশদ বিবরণ প্রদান করে। অন্যথায় ইনপুট ক্ষেত্রের বর্তমান মানের সাথে name সম্পত্তি সেট করে একটি স্টাব প্লেস অবজেক্ট প্রদান করে।
setBounds
setBounds(bounds)
পরামিতি:
রিটার্ন মান: কোনটিই নয়
পছন্দের এলাকা সেট করে যার মধ্যে প্লেস ফলাফল ফেরাতে হবে। ফলাফল এই এলাকার প্রতি পক্ষপাতমূলক, কিন্তু সীমাবদ্ধ নয়।
setComponentRestrictions
setComponentRestrictions(restrictions)
পরামিতি:
  • restrictions : ComponentRestrictions optional ব্যবহারের জন্য বিধিনিষেধ।
রিটার্ন মান: কোনটিই নয়
উপাদান সীমাবদ্ধতা সেট করে। উপাদান সীমাবদ্ধতা শুধুমাত্র মূল উপাদানের মধ্যে যারা ভবিষ্যদ্বাণী সীমাবদ্ধ করতে ব্যবহার করা হয়. যেমন দেশ।
setFields
setFields(fields)
পরামিতি:
  • fields : Array <string> optional
রিটার্ন মান: কোনটিই নয়
বিশদ বিবরণ সফলভাবে পুনরুদ্ধার করা হলে বিশদ প্রতিক্রিয়াতে স্থানের জন্য অন্তর্ভুক্ত করার জন্য ক্ষেত্রগুলি সেট করে। ক্ষেত্রগুলির একটি তালিকার জন্য PlaceResult দেখুন।
setOptions
setOptions(options)
পরামিতি:
রিটার্ন মান: কোনটিই নয়
setTypes
setTypes(types)
পরামিতি:
  • types : Array <string> optional ভবিষ্যদ্বাণীর প্রকারগুলি অন্তর্ভুক্ত করা হবে৷
রিটার্ন মান: কোনটিই নয়
প্রত্যাবর্তনের জন্য ভবিষ্যদ্বাণীর ধরন সেট করে। সমর্থিত প্রকারের জন্য, বিকাশকারীর নির্দেশিকা দেখুন। কোনো প্রকার নির্দিষ্ট না থাকলে, সব ধরনের ফেরত দেওয়া হবে।
উত্তরাধিকারসূত্রে পাওয়া: addListener , bindTo , get , notify , set , setValues ​​, unbind , unbindAll
place_changed
function()
আর্গুমেন্ট: কোনোটিই না
ব্যবহারকারীর দ্বারা নির্বাচিত একটি স্থানের জন্য একটি PlaceResult উপলব্ধ করা হলে এই ইভেন্টটি বরখাস্ত করা হয়।
ব্যবহারকারী যদি এমন একটি স্থানের নাম প্রবেশ করান যা নিয়ন্ত্রণ দ্বারা প্রস্তাবিত হয়নি এবং এন্টার কী টিপুন, অথবা যদি একটি স্থানের বিবরণের অনুরোধ ব্যর্থ হয়, তাহলে PlaceResult ব্যবহারকারীর ইনপুট name বৈশিষ্ট্যে থাকে, অন্য কোনো বৈশিষ্ট্য সংজ্ঞায়িত করা হয় না।

স্বয়ংসম্পূর্ণ বিকল্প ইন্টারফেস

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

একটি Autocomplete বস্তুতে সেট করা যেতে পারে যে বিকল্প.

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

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

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

এই ক্লাস MVCObject প্রসারিত.

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

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

SearchBoxOptions ইন্টারফেস

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

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

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