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-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(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 রূপান্তর করুন।

প্লেস কনটেক্সচুয়াল এলিমেন্ট ক্লাস

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
লেআউট।
mapHidden optional
প্রকার: boolean optional
ডিফল্ট: false
মানচিত্র লুকানো উচিত যদি সত্য.
mapMode optional
প্রকার: PlaceContextualListMapMode optional
স্থানগুলির একটি তালিকার জন্য স্থান প্রাসঙ্গিক উপাদানে ব্যবহৃত মানচিত্র মোড।

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
truncationPreferred optional
প্রকার: boolean optional

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

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

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

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

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

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

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

একটি স্থান অবজেক্ট, আইডি, বা সংস্থান নামের উপর ভিত্তি করে ডেটা লোড করতে একটি PlaceDetailsCompactElement বা 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

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

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")
মানচিত্র জাভাস্ক্রিপ্ট এপিআই -তে গ্রন্থাগারগুলি দেখুন।

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
যখনই নির্দিষ্ট ইভেন্টটি লক্ষ্যতে সরবরাহ করা হয় তখন একটি ফাংশন সেট আপ করে যা কল করা হবে। অ্যাডভেন্টলিস্টনার দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি স্ট্রিং যা ইভেন্টের শ্রোতা অপসারণ করার জন্য ইভেন্টের ধরণ নির্দিষ্ট করে।
  • listener : EventListener | EventListenerObject ইভেন্ট হ্যান্ডলারের ইভেন্টের শ্রোতা ইভেন্টের লক্ষ্য থেকে সরাতে।
  • options : boolean| EventListenerOptions optional দেখুন বিকল্পগুলি
রিটার্ন মান: void
লক্ষ্য থেকে অ্যাডভেন্টলিস্টেনারের সাথে নিবন্ধিত একটি ইভেন্ট শ্রোতা সরিয়ে দেয়। Rewneventlistener দেখুন।

PaidetailslocationRequestlementoptions ইন্টারফেস

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>

স্থান অনুসন্ধান উপাদানটি ব্যবহার করতে, গুগল ক্লাউড কনসোলে আপনার প্রকল্পের জন্য ইউআই কিট এপিআই স্থানগুলি সক্ষম করুন।

কাস্টম উপাদান:
<gmp-place-search attribution-position="top" orientation="vertical" selectable truncation-preferred></gmp-place-search>

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

এই শ্রেণিটি PlaceSearchElementOptions প্রয়োগ করে।

const {PlaceSearchElement} = await google.maps.importLibrary("places")
মানচিত্র জাভাস্ক্রিপ্ট এপিআই -তে গ্রন্থাগারগুলি দেখুন।

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
গুগল ম্যাপস প্রকাশের কথোপকথনের জন্য সীমানা ব্যাসার্ধ।
--gmp-mat-color-info
তথ্যগত সংবেদন সহ ইউআই উপাদানগুলির রঙ। অ্যাক্সেসযোগ্য প্রবেশ আইকন জন্য ব্যবহৃত।
--gmp-mat-color-negative
নেতিবাচক সংবেদন সহ ইউআই উপাদানগুলির রঙ। কোনও জায়গার খোলার সময়গুলির জন্য "বন্ধ" লেবেলের জন্য ব্যবহৃত।
--gmp-mat-color-neutral-container
নিরপেক্ষ ভরাট ইউআই উপাদানগুলির জন্য ধারক রঙ। পর্যালোচনা তারিখ ব্যাজ এবং লোডিং স্থানধারক আকারগুলির জন্য ব্যবহৃত।
--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
ইতিবাচক সংবেদন সহ ইউআই উপাদানগুলির রঙ। কোনও জায়গার খোলার সময়গুলির জন্য "ওপেন" লেবেলের জন্য ব্যবহৃত।
--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
যখনই নির্দিষ্ট ইভেন্টটি লক্ষ্যতে সরবরাহ করা হয় তখন একটি ফাংশন সেট আপ করে যা কল করা হবে। অ্যাডভেন্টলিস্টনার দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি স্ট্রিং যা ইভেন্টের শ্রোতা অপসারণ করার জন্য ইভেন্টের ধরণ নির্দিষ্ট করে।
  • listener : EventListener | EventListenerObject ইভেন্ট হ্যান্ডলারের ইভেন্টের শ্রোতা ইভেন্টের লক্ষ্য থেকে সরাতে।
  • options : boolean| EventListenerOptions optional দেখুন বিকল্পগুলি
রিটার্ন মান: void
লক্ষ্য থেকে অ্যাডভেন্টলিস্টেনারের সাথে নিবন্ধিত একটি ইভেন্ট শ্রোতা সরিয়ে দেয়। Rewneventlistener দেখুন।
gmp-error
function(event)
যুক্তি:
ব্যাকএন্ডে কোনও অনুরোধ অস্বীকার করা হলে এই ইভেন্টটি বরখাস্ত করা হয় (যেমন ভুল এপিআই কী)। এই ইভেন্টটি বুদ্বুদ করে না।
gmp-load
function(event)
যুক্তি:
যখন উপাদানটি তার সামগ্রী লোড এবং রেন্ডার করে তখন এই ইভেন্টটি বরখাস্ত করা হয়। এই ইভেন্টটি বুদ্বুদ করে না।
gmp-select
function(event)
যুক্তি:
তালিকা থেকে কোনও জায়গা নির্বাচন করা হলে এই ইভেন্টটি বরখাস্ত করা হয়। নির্বাচিত স্থানের আইডি, অবস্থান এবং ভিউপোর্টযুক্ত একটি Place অবজেক্ট রয়েছে।

স্থানচর্চাল এলিমেন্টঅপশন ইন্টারফেস

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

PlaceSearchElement জন্য বিকল্পগুলি।

attributionPosition optional
প্রকার: PlaceSearchAttributionPosition optional
orientation optional
প্রকার: PlaceSearchOrientation optional
PlaceSearchElement.orientation দেখুন।
selectable optional
প্রকার: boolean optional
PlaceSearchElement.selectable দেখুন। নির্বাচনযোগ্য
truncationPreferred optional
প্রকার: boolean optional

স্থানচর্চায় যোগাযোগের ধ্রুবক

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

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

const {PlaceSearchAttributionPosition} = await google.maps.importLibrary("places")
মানচিত্র জাভাস্ক্রিপ্ট এপিআই -তে গ্রন্থাগারগুলি দেখুন।

BOTTOM স্থানচর্চা নীচে অ্যাট্রিবিউশন
TOP স্থানচর্চা শীর্ষে অ্যাট্রিবিউশন

স্থানচর্চা ধ্রুবক

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

PlaceSearchElement ওরিয়েন্টেশন বৈকল্পিক।

const {PlaceSearchOrientation} = await google.maps.importLibrary("places")
মানচিত্র জাভাস্ক্রিপ্ট এপিআই -তে গ্রন্থাগারগুলি দেখুন।

HORIZONTAL অনুভূমিক ওরিয়েন্টেশন।
VERTICAL উল্লম্ব ওরিয়েন্টেশন।

স্থান নির্ধারণের শ্রেণি

google.maps.places . PlaceSelectEvent শ্রেণি

জায়গাগুলির তালিকা থেকে কোনও জায়গা নির্বাচন করা হলে এই ইভেন্টটি আগুন লাগে। event.place সহ নির্বাচন অ্যাক্সেস করুন।

এই শ্রেণি Event প্রসারিত।

const {PlaceSelectEvent} = await google.maps.importLibrary("places")
মানচিত্র জাভাস্ক্রিপ্ট এপিআই -তে গ্রন্থাগারগুলি দেখুন।

place
প্রকার: Place
নির্বাচিত জায়গা।

Plainerbysearchrequestelem শ্রেণি

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")
মানচিত্র জাভাস্ক্রিপ্ট এপিআই -তে গ্রন্থাগারগুলি দেখুন।

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
যখনই নির্দিষ্ট ইভেন্টটি লক্ষ্যতে সরবরাহ করা হয় তখন একটি ফাংশন সেট আপ করে যা কল করা হবে। অ্যাডভেন্টলিস্টনার দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি স্ট্রিং যা ইভেন্টের শ্রোতা অপসারণ করার জন্য ইভেন্টের ধরণ নির্দিষ্ট করে।
  • listener : EventListener | EventListenerObject ইভেন্ট হ্যান্ডলারের ইভেন্টের শ্রোতা ইভেন্টের লক্ষ্য থেকে সরাতে।
  • options : boolean| EventListenerOptions optional দেখুন বিকল্পগুলি
রিটার্ন মান: void
লক্ষ্য থেকে অ্যাডভেন্টলিস্টেনারের সাথে নিবন্ধিত একটি ইভেন্ট শ্রোতা সরিয়ে দেয়। Rewneventlistener দেখুন।

Plainerbysearchrequestlementoptions ইন্টারফেস

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 দেখুন।

প্লেসটেক্সটস অনুসন্ধান রিকোয়েস্টেলমেন্ট ক্লাস

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")
মানচিত্র জাভাস্ক্রিপ্ট এপিআই -তে গ্রন্থাগারগুলি দেখুন।

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
যখনই নির্দিষ্ট ইভেন্টটি লক্ষ্যতে সরবরাহ করা হয় তখন একটি ফাংশন সেট আপ করে যা কল করা হবে। অ্যাডভেন্টলিস্টনার দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি স্ট্রিং যা ইভেন্টের শ্রোতা অপসারণ করার জন্য ইভেন্টের ধরণ নির্দিষ্ট করে।
  • listener : EventListener | EventListenerObject ইভেন্ট হ্যান্ডলারের ইভেন্টের শ্রোতা ইভেন্টের লক্ষ্য থেকে সরাতে।
  • options : boolean| EventListenerOptions optional দেখুন বিকল্পগুলি
রিটার্ন মান: void
লক্ষ্য থেকে অ্যাডভেন্টলিস্টেনারের সাথে নিবন্ধিত একটি ইভেন্ট শ্রোতা সরিয়ে দেয়। Rewneventlistener দেখুন।

প্লেসটেক্সটস সার্ক্রেউস্টেলিমেন্টঅপশন ইন্টারফেস

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

PlaceTextSearchRequestElement জন্য বিকল্পগুলি।

evConnectorTypes optional
প্রকার: Array < EVConnectorType > optional
পছন্দসই ইভি সংযোগকারী প্রকারের তালিকা। আরও তথ্যের জন্য 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")
মানচিত্র জাভাস্ক্রিপ্ট এপিআই -তে গ্রন্থাগারগুলি দেখুন।

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)
পরামিতি:
ফেরতের মান: কিছুই নয়
উপাদান সীমাবদ্ধতা সেট করে। উপাদানগুলির সীমাবদ্ধতাগুলি কেবলমাত্র পিতামাতার উপাদানগুলির মধ্যে ভবিষ্যদ্বাণীগুলি সীমাবদ্ধ করতে ব্যবহৃত হয়। উদাহরণস্বরূপ, দেশ।
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
শুধুমাত্র স্থান আইডি পুনরুদ্ধার করা উচিত কিনা। প্লেসেরসাল্টটি যখন প্লেস_চ্যাঞ্জড ইভেন্টটি বরখাস্ত করা হয় তখন উপলব্ধ করা হয়েছে কেবলমাত্র প্লেস_আইডি, প্রকার এবং নাম ক্ষেত্রগুলি থাকবে, প্লেস_আইডি, প্রকার এবং বিবরণ সহ স্বতঃপূর্বক পরিষেবা দ্বারা ফিরে আসবে। ডিফল্টরূপে নিষ্ক্রিয়.
strictBounds optional
প্রকার: boolean optional
একটি বুলিয়ান মান, এটি ইঙ্গিত করে যে অটো কমপ্লিট উইজেটটি কেবল সেই জায়গাগুলি ফিরিয়ে দেওয়া উচিত যা ক্যোয়ারী প্রেরণের সময় অটো কমপ্লিট উইজেটের সীমানার অভ্যন্তরে রয়েছে। false (যা ডিফল্ট) এ স্ট্রিটবাউন্ডগুলি সেট করা ফলাফলগুলিকে পক্ষপাতদুষ্ট করে তুলবে, তবে সীমাবদ্ধ নয়, সীমানার মধ্যে থাকা জায়গাগুলি।
types optional
প্রকার: Array <string> optional
ভবিষ্যদ্বাণীগুলির প্রকারগুলি ফিরে আসতে হবে। সমর্থিত ধরণের জন্য, বিকাশকারীদের গাইড দেখুন। যদি কোনও প্রকার নির্দিষ্ট না করা হয় তবে সমস্ত প্রকার ফিরে আসবে।

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

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

এই শ্রেণিটি MVCObject প্রসারিত করে।

const {SearchBox} = await google.maps.importLibrary("places")
মানচিত্র জাভাস্ক্রিপ্ট এপিআই -তে গ্রন্থাগারগুলি দেখুন।

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 ব্যবহার করা উচিত।

সার্চবক্সোপশন ইন্টারফেস

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

কোনও SearchBox অবজেক্টে সেট করা যেতে পারে এমন বিকল্পগুলি।

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