Places Widgets

PlaceAutocompleteElement ক্লাস

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

  • PlaceAutocompleteElement হল একটি HTMLElement সাবক্লাস যা Places Autocomplete API-এর জন্য একটি UI উপাদান প্রদান করে। places লাইব্রেরি লোড করার পরে, HTML এ স্বয়ংসম্পূর্ণ কার্যকারিতা সহ একটি ইনপুট তৈরি করা যেতে পারে। যেমন:
    <gmp-placeautocomplete ></gmp-placeautocomplete>

কাস্টম উপাদান:
<gmp-placeautocomplete name="string" requested-language="string" requested-region="string" types="type1 type2 type3..."></gmp-placeautocomplete>

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

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

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

PlaceAutocompleteElement
PlaceAutocompleteElement(options)
পরামিতি:
componentRestrictions
প্রকার: ComponentRestrictions optional
উপাদান সীমাবদ্ধতা. উপাদান সীমাবদ্ধতা শুধুমাত্র মূল উপাদানের মধ্যে যারা ভবিষ্যদ্বাণী সীমাবদ্ধ করতে ব্যবহার করা হয়. যেমন দেশ।
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-placeautocomplete name="string"></gmp-placeautocomplete>
requestedLanguage
প্রকার: string optional
সম্ভব হলে যে ভাষার ফলাফলগুলি ফেরত দেওয়া উচিত তার জন্য একটি ভাষা শনাক্তকারী৷ নির্বাচিত ভাষায় ফলাফল একটি উচ্চ র্যাঙ্কিং দেওয়া হতে পারে, কিন্তু পরামর্শ এই ভাষা সীমাবদ্ধ নয়. সমর্থিত ভাষার তালিকা দেখুন।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-placeautocomplete requested-language="string"></gmp-placeautocomplete>
requestedRegion
প্রকার: string optional
একটি অঞ্চল কোড যা ফলাফল বিন্যাস এবং ফলাফল ফিল্টারিংয়ের জন্য ব্যবহৃত হয়। এটা এই দেশের পরামর্শ সীমাবদ্ধ না. অঞ্চল কোড একটি ccTLD ("টপ-লেভেল ডোমেন") দুই-অক্ষরের মান গ্রহণ করে। কিছু উল্লেখযোগ্য ব্যতিক্রম সহ বেশিরভাগ ccTLD কোডগুলি ISO 3166-1 কোডগুলির সাথে অভিন্ন। উদাহরণস্বরূপ, যুক্তরাজ্যের ccTLD হল "uk" ( .co.uk ) যেখানে এর ISO 3166-1 কোড হল "gb" (প্রযুক্তিগতভাবে "দ্য ইউনাইটেড কিংডম অফ গ্রেট ব্রিটেন এবং উত্তর আয়ারল্যান্ড" এর সত্তার জন্য)।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-placeautocomplete requested-region="string"></gmp-placeautocomplete>
types
প্রকার: Array <string> optional
ভবিষ্যদ্বাণীর প্রকারগুলি ফেরত দেওয়া হবে৷ সমর্থিত প্রকারের জন্য, বিকাশকারীর নির্দেশিকা দেখুন। কোনো প্রকার নির্দিষ্ট না থাকলে, সব ধরনের ফেরত দেওয়া হবে।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-placeautocomplete types="type1 type2 type3..."></gmp-placeautocomplete>
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 এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন

PlaceAutocompleteElementOptions ইন্টারফেস

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

একটি PlaceAutocompleteElement নির্মাণের বিকল্প।

componentRestrictions optional
প্রকার: ComponentRestrictions optional
locationBias optional
প্রকার: LocationBias optional
locationRestriction optional
প্রকার: LocationRestriction optional
requestedLanguage optional
প্রকার: string optional
requestedRegion optional
প্রকার: string optional
types optional
প্রকার: Array <string> optional

PlaceAutocompletePlaceSelectEvent ক্লাস

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

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

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

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

Beta place
প্রকার: Place

PlaceAutocompleteRequestErrorEvent ক্লাস

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

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

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

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

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

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
যে ক্ষেত্রটির দিকে কোয়েরি পূর্বাভাসগুলিকে বায়াস করতে হবে৷ ভবিষ্যদ্বাণীগুলি এই সীমানাগুলিকে লক্ষ্য করে প্রশ্নগুলির প্রতি পক্ষপাতমূলক, কিন্তু সীমাবদ্ধ নয়৷