Places Widgets

PlaceAutocompleteElement ক্লাস

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

PlaceAutocompleteElement হল একটি HTMLElement সাবক্লাস যা Places Autocomplete API-এর জন্য একটি UI উপাদান প্রদান করে।

কাস্টম উপাদান:
<gmp-place-autocomplete included-primary-types="type1 type2 type3..." included-region-codes="c1 c2 c3..." name="string" origin="lat,lng|lat,lng,altitude" requested-language="string" requested-region="string" unit-system="metric|imperial" types="type1 type2 type3..."></gmp-place-autocomplete>

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

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

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

PlaceAutocompleteElement
PlaceAutocompleteElement(options)
পরামিতি:
Alpha includedPrimaryTypes
প্রকার: Array <string> optional
প্রাথমিক স্থানের প্রকার অন্তর্ভুক্ত (উদাহরণস্বরূপ, "রেস্তোরাঁ" বা "পেট্রোল_স্টেশন")।

একটি স্থান শুধুমাত্র তখনই ফেরত দেওয়া হয় যদি তার প্রাথমিক প্রকারটি এই তালিকায় অন্তর্ভুক্ত করা হয়। 5টি পর্যন্ত মান নির্দিষ্ট করা যেতে পারে। কোনো প্রকার নির্দিষ্ট না থাকলে, সমস্ত স্থানের ধরন ফেরত দেওয়া হয়।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-autocomplete included-primary-types="type1 type2 type3..."></gmp-place-autocomplete>
Alpha 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>
Alpha origin
প্রকার: LatLng | LatLngLiteral | LatLngAltitude | LatLngAltitudeLiteral optional
উৎপত্তি যেখান থেকে দূরত্ব গণনা করতে হবে। নির্দিষ্ট না হলে, দূরত্ব গণনা করা হয় না। উচ্চতা, যদি দেওয়া হয়, গণনায় ব্যবহার করা হয় না।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-autocomplete origin="lat,lng|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>
Alpha unitSystem
প্রকার: UnitSystem optional
দূরত্ব প্রদর্শন করতে ব্যবহৃত ইউনিট সিস্টেম। নির্দিষ্ট না থাকলে, ইউনিট সিস্টেম অনুরোধ করা অঞ্চল দ্বারা নির্ধারিত হয়।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-autocomplete unit-system="metric|imperial"></gmp-place-autocomplete>
Beta componentRestrictions
প্রকার: ComponentRestrictions optional
উপাদান সীমাবদ্ধতা. উপাদান সীমাবদ্ধতা শুধুমাত্র মূল উপাদানের মধ্যে যারা ভবিষ্যদ্বাণী সীমাবদ্ধ করতে ব্যবহার করা হয়. যেমন দেশ।
Beta types
প্রকার: Array <string> optional
ভবিষ্যদ্বাণীর প্রকারগুলি ফেরত দেওয়া হবে৷ সমর্থিত প্রকারের জন্য, বিকাশকারীর নির্দেশিকা দেখুন। কোনো প্রকার নির্দিষ্ট না থাকলে, সব ধরনের ফেরত দেওয়া হবে।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-autocomplete types="type1 type2 type3..."></gmp-place-autocomplete>
prediction-item
ভবিষ্যদ্বাণীগুলির ড্রপ ডাউনে একটি আইটেম যা একটি একক ভবিষ্যদ্বাণী উপস্থাপন করে৷
prediction-item-icon
ভবিষ্যদ্বাণীর তালিকায় প্রতিটি আইটেমের বাম দিকে প্রদর্শিত আইকন।
prediction-item-main-text
ভবিষ্যদ্বাণী-আইটেমের একটি অংশ যা ভবিষ্যদ্বাণীর মূল পাঠ্য। ভৌগলিক অবস্থানের জন্য, এতে একটি স্থানের নাম রয়েছে, যেমন 'সিডনি', বা একটি রাস্তার নাম এবং নম্বর, যেমন '10 কিং স্ট্রিট'৷ ডিফল্টরূপে, ভবিষ্যদ্বাণী-আইটেম-প্রধান-পাঠ্যটি কালো রঙের হয়। যদি ভবিষ্যদ্বাণী-আইটেমটিতে কোনও অতিরিক্ত পাঠ্য থাকে তবে এটি পূর্বাভাস-আইটেম-প্রধান-পাঠ্যের বাইরে এবং ভবিষ্যদ্বাণী-আইটেম থেকে এর স্টাইলিং উত্তরাধিকারসূত্রে পাওয়া যায়। এটি ডিফল্টরূপে ধূসর রঙের হয়। অতিরিক্ত পাঠ্যটি সাধারণত একটি ঠিকানা।
prediction-item-match
প্রত্যাবর্তিত পূর্বাভাসের অংশ যা ব্যবহারকারীর ইনপুটের সাথে মেলে। ডিফল্টরূপে, এই মিলে যাওয়া টেক্সটটিকে বোল্ড টেক্সটে হাইলাইট করা হয়। মনে রাখবেন যে মিলিত পাঠ্যটি ভবিষ্যদ্বাণী-আইটেমের মধ্যে যেকোনো জায়গায় থাকতে পারে। এটা অগত্যা ভবিষ্যদ্বাণী-আইটেম-প্রধান-পাঠ্য অংশ নয়.
prediction-item-selected
আইটেমটি যখন ব্যবহারকারী কীবোর্ডের মাধ্যমে এটিতে নেভিগেট করে। দ্রষ্টব্য: নির্বাচিত আইটেমগুলি এই অংশ শৈলী এবং পূর্বাভাস-আইটেম অংশ শৈলী উভয় দ্বারা প্রভাবিত হবে৷
prediction-list
স্থান স্বয়ংসম্পূর্ণ পরিষেবা দ্বারা প্রত্যাবর্তিত ভবিষ্যদ্বাণীগুলির তালিকা ধারণকারী ভিজ্যুয়াল উপাদান৷ এই তালিকাটি PlaceAutocompleteElement-এর নীচে একটি ড্রপডাউন তালিকা হিসাবে উপস্থিত হয়৷
Beta addEventListener
addEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি কেস-সংবেদনশীল স্ট্রিং যা শোনার জন্য ইভেন্টের ধরণকে উপস্থাপন করে।
  • listener : EventListener | EventListenerObject যে বস্তুটি একটি বিজ্ঞপ্তি পায়। এটি অবশ্যই একটি ফাংশন বা হ্যান্ডেল ইভেন্ট পদ্ধতি সহ একটি বস্তু হতে হবে
  • options : boolean| AddEventListenerOptions optional বিকল্পগুলি দেখুন। কাস্টম ইভেন্টগুলি শুধুমাত্র capture এবং passive সমর্থন করে৷
রিটার্ন মান: void
একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন।
Beta removeEventListener
removeEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি স্ট্রিং যা ইভেন্টের ধরন নির্দিষ্ট করে যার জন্য একটি ইভেন্ট শ্রোতাকে সরাতে হবে।
  • listener : EventListener | EventListenerObject ইভেন্ট টার্গেট থেকে সরাতে ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসেনার।
  • options : boolean| EventListenerOptions optional অপশন দেখুন।
রিটার্ন মান: void
লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন।
gmp-error
function(errorEvent)
যুক্তি:
ব্যাকএন্ডে একটি অনুরোধ অস্বীকার করা হলে এই ইভেন্টটি বরখাস্ত করা হয় (যেমন ভুল API কী)। এই ঘটনা বুদবুদ না.
gmp-select
function(placePredictionSelectEvent)
যুক্তি:
একজন ব্যবহারকারী একটি স্থান পূর্বাভাস নির্বাচন করলে এই ইভেন্টটি বরখাস্ত করা হয়। একটি PlacePrediction অবজেক্ট রয়েছে যা একটি প্লেস অবজেক্টে রূপান্তরিত করা যেতে পারে।
gmp-placeselect
function(placeAutocompletePlaceSelectEvent)
যুক্তি:
একজন ব্যবহারকারী একটি স্থান পূর্বাভাস নির্বাচন করলে এই ইভেন্টটি বরখাস্ত করা হয়। একটি স্থান বস্তু রয়েছে।

PlaceAutocompleteElementOptions ইন্টারফেস

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

একটি PlaceAutocompleteElement নির্মাণের বিকল্প। প্রতিটি সম্পত্তির বর্ণনার জন্য, PlaceAutocompleteElement ক্লাসে একই নামের সম্পত্তি দেখুন।

Beta componentRestrictions optional
প্রকার: ComponentRestrictions optional
Alpha includedPrimaryTypes optional
প্রকার: Array <string> optional
Alpha includedRegionCodes optional
প্রকার: Array <string> optional
locationBias optional
প্রকার: LocationBias optional
locationRestriction optional
প্রকার: LocationRestriction optional
name optional
প্রকার: string optional
Alpha origin optional
প্রকার: LatLng | LatLngLiteral | LatLngAltitude | LatLngAltitudeLiteral optional
requestedLanguage optional
প্রকার: string optional
Beta types optional
প্রকার: Array <string> optional
Alpha unitSystem optional
প্রকার: UnitSystem optional

PlaceAutocompletePlaceSelectEvent ক্লাস

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

ব্যবহারকারী প্লেস স্বয়ংসম্পূর্ণ উপাদান সহ একটি স্থান নির্বাচন করার পরে এই ইভেন্টটি তৈরি হয়৷ event.place দিয়ে নির্বাচন অ্যাক্সেস করুন।

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

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

Beta place
প্রকার: Place

PlacePredictionSelectEvent ক্লাস

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

ব্যবহারকারী PlaceAutocompleteElement সহ একটি পূর্বাভাস আইটেম নির্বাচন করার পরে এই ইভেন্টটি তৈরি করা হয়৷ event.placePrediction দিয়ে নির্বাচন অ্যাক্সেস করুন।

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

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

placePrediction
প্রকার: PlacePrediction

PlaceAutocompleteRequestErrorEvent ক্লাস

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

নেটওয়ার্ক অনুরোধে কোনো সমস্যা হলে PlaceAutocompleteElement দ্বারা এই ইভেন্টটি নির্গত হয়।

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

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

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

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

একটি HTML উপাদান যা একটি স্থানের বিবরণ প্রদর্শন করে। রেন্ডার করা বিষয়বস্তু নির্দিষ্ট করতে configureFromPlace() বা configureFromLocation() পদ্ধতি ব্যবহার করুন। স্থানের বিশদ উপাদান ব্যবহার করতে, Google ক্লাউড কনসোলে আপনার প্রকল্পের জন্য Places UI Kit API সক্ষম করুন৷

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

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

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

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

PlaceDetailsElement
PlaceDetailsElement([options])
পরামিতি:
place
প্রকার: Place optional
শুধু পড়ুন। আইডি, অবস্থান, এবং বর্তমানে রেন্ডার করা জায়গার ভিউপোর্ট ধারণকারী বস্তু Place ।
size
প্রকার: PlaceDetailsSize optional
PlaceDetailsElement-এর আকারের বৈকল্পিক। ডিফল্টরূপে, উপাদানটি PlaceDetailsSize.X_LARGE প্রদর্শন করবে।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-place-details size="small"></gmp-place-details>
  • <gmp-place-details size="medium"></gmp-place-details>
  • <gmp-place-details size="large"></gmp-place-details>
  • <gmp-place-details size="x-large"></gmp-place-details>
Beta addEventListener
addEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি কেস-সংবেদনশীল স্ট্রিং যা শোনার জন্য ইভেন্টের ধরণকে উপস্থাপন করে।
  • listener : EventListener | EventListenerObject যে বস্তুটি একটি বিজ্ঞপ্তি পায়। এটি অবশ্যই একটি ফাংশন বা হ্যান্ডেল ইভেন্ট পদ্ধতি সহ একটি বস্তু হতে হবে
  • options : boolean| AddEventListenerOptions optional বিকল্পগুলি দেখুন। কাস্টম ইভেন্টগুলি শুধুমাত্র capture এবং passive সমর্থন করে৷
রিটার্ন মান: void
একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন।
configureFromLocation
configureFromLocation(location)
পরামিতি:
  • location : LatLng | LatLngLiteral যে স্থানটির জন্য স্থানের বিবরণ রেন্ডার করতে হবে।
রিটার্ন ভ্যালু: Promise <void> একটি প্রতিশ্রুতি যা একবার স্থানের ডেটা লোড এবং রেন্ডার করার পরে সমাধান করে।
বিপরীত জিওকোডিং ব্যবহার করে একটি LatLng থেকে উইজেট কনফিগার করে।
configureFromPlace
configureFromPlace(place)
পরামিতি:
  • place : Place |{id:string} বিশদ বিবরণ রেন্ডার করার স্থান।
রিটার্ন ভ্যালু: Promise <void> একটি প্রতিশ্রুতি যা একবার স্থানের ডেটা লোড এবং রেন্ডার করার পরে সমাধান করে।
একটি Place বস্তু বা স্থান আইডি থেকে উইজেট কনফিগার করে।
Beta removeEventListener
removeEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি স্ট্রিং যা ইভেন্টের ধরন নির্দিষ্ট করে যার জন্য একটি ইভেন্ট শ্রোতাকে সরাতে হবে।
  • listener : EventListener | EventListenerObject ইভেন্ট টার্গেট থেকে সরাতে ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসেনার।
  • options : boolean| EventListenerOptions optional অপশন দেখুন।
রিটার্ন মান: void
লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন।
gmp-load
function(event)
যুক্তি:
যখন উপাদানটি লোড হয় এবং তার বিষয়বস্তু রেন্ডার করে তখন এই ইভেন্টটি চালু হয়৷ এই ঘটনা বুদবুদ না.
gmp-requesterror
function(event)
যুক্তি:
ব্যাকএন্ডে একটি অনুরোধ অস্বীকার করা হলে এই ইভেন্টটি বরখাস্ত করা হয় (যেমন ভুল API কী)। এই ঘটনা বুদবুদ না.

PlaceDetailsElementOptions ইন্টারফেস

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

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

size optional
প্রকার: PlaceDetailsSize optional
PlaceDetailsElement.size দেখুন

স্থানের বিশদ আকারের ধ্রুবক

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

PlaceDetailsElement জন্য আকারের বৈকল্পিক।

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

LARGE একটি বড় ছবি, মৌলিক তথ্য এবং যোগাযোগের তথ্য সহ বড় বৈকল্পিক।
MEDIUM একটি বড় ছবি এবং মৌলিক তথ্য সহ মাঝারি বৈকল্পিক।
SMALL একটি ছোট ছবি এবং মৌলিক তথ্য সহ ছোট বৈকল্পিক।
X_LARGE একটি ফটো কোলাজ, পর্যালোচনা, এবং ব্যাপক স্থান তথ্য সহ অতিরিক্ত বড় বৈকল্পিক।

PlaceListElement ক্লাস

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

একটি HTML উপাদান যা একটি তালিকায় স্থান অনুসন্ধানের ফলাফল প্রদর্শন করে। ফলাফল রেন্ডার করার অনুরোধ নির্দিষ্ট করতে configureFromSearchByTextRequest() বা configureFromSearchNearbyRequest() পদ্ধতি ব্যবহার করুন। স্থান তালিকা উপাদান ব্যবহার করতে, Google ক্লাউড কনসোলে আপনার প্রকল্পের জন্য স্থান UI কিট API সক্ষম করুন৷

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

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

এই ক্লাসটি