فئة PlaceAutocompleteElement
google.maps.places.PlaceAutocompleteElement
صف
PlaceAutocompleteElement هي فئة فرعية من HTMLElement توفّر مكوّن واجهة مستخدم لواجهة Places Autocomplete API.
تستخدم السمة PlaceAutocompleteElement تلقائيًا AutocompleteSessionToken داخليًا لتجميع مراحل طلب البحث والاختيار في عملية البحث بالإكمال التلقائي التي يجريها المستخدم.
ستتضمّن تلقائيًا المكالمة الأولى إلى Place.fetchFields على Place التي تعرضها PlacePrediction.toPlace الرمز المميّز للجلسة المستخدَم لجلب 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تضمين نوع المكان الأساسي (على سبيل المثال، "restaurant" أو "gas_station")
لا يتم عرض "مكان" إلا إذا كان نوعه الأساسي مضمّنًا في هذه القائمة. يمكن تحديد ما يصل إلى 5 قيم. في حال عدم تحديد أي أنواع، سيتم عرض جميع أنواع "الأماكن". سمة HTML:
|
includedRegionCodes |
النوع:
Array<string> optionalتضمين النتائج في المناطق المحدّدة فقط، والتي يتم تحديدها على أنّها ما يصل إلى 15 رمزًا من رموز CLDR المكوّنة من حرفَين لن تؤدي المجموعة الفارغة إلى حصر النتائج. إذا تم ضبط كل من
locationRestriction وincludedRegionCodes، ستظهر النتائج في منطقة التقاطع.سمة HTML:
|
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 للحصول على مزيد من التفاصيل.
سمة HTML:
|
origin |
النوع:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalنقطة البداية التي سيتم حساب المسافة منها. إذا لم يتم تحديدها، لن يتم احتساب المسافة. لا يتم استخدام الارتفاع في عملية الاحتساب، إذا تم توفيره.
سمة HTML:
|
requestedLanguage |
النوع:
string optionalمعرّف اللغة التي يجب عرض النتائج بها، إذا كان ذلك ممكنًا قد يتم منح النتائج باللغة المحدّدة ترتيبًا أعلى، ولكن لا تقتصر الاقتراحات على هذه اللغة. اطّلِع على قائمة اللغات المتاحة.
سمة HTML:
|
requestedRegion |
النوع:
string optionalرمز المنطقة المستخدَم لتنسيق النتائج وفلترتها ولا يقتصر على تقديم اقتراحات في هذا البلد. يقبل رمز المنطقة قيمة ccTLD ("نطاق المستوى الأعلى") مكوّنة من حرفَين. تتطابق معظم رموز نطاقات المستوى الأعلى لرمز البلد مع رموز ISO 3166-1، مع بعض الاستثناءات البارزة. على سبيل المثال، رمز ccTLD الخاص بالمملكة المتحدة هو "uk" (
.co.uk)، بينما رمز ISO 3166-1 هو "gb" (وهو يشير من الناحية الفنية إلى "المملكة المتحدة لبريطانيا العظمى وأيرلندا الشمالية").سمة HTML:
|
unitSystem |
النوع:
UnitSystem optionalنظام الوحدات المستخدَم لعرض المسافات في حال عدم تحديدها، يتم تحديد نظام الوحدات من خلال requestedRegion.
سمة HTML:
|
الأجزاء | |
|---|---|
prediction-item |
عنصر في القائمة المنسدلة لعبارات البحث المقترَحة يمثّل عبارة بحث مقترَحة واحدة |
prediction-item-icon |
الرمز المعروض على يمين كل عنصر في قائمة التوقعات |
prediction-item-main-text |
جزء من عنصر التوقّع يمثّل النص الرئيسي للتوقّع. بالنسبة إلى المواقع الجغرافية، يحتوي هذا الحقل على اسم مكان، مثل "سيدني"، أو اسم شارع ورقمه، مثل "10 شارع الملك". يكون لون النص الرئيسي لعنصر التوقّع أسودًا تلقائيًا. إذا كان هناك أي نص إضافي في عنصر التوقّع، سيكون خارج prediction-item-main-text وسيرث تنسيقه من prediction-item. ويكون لونها رماديًا تلقائيًا. عادةً ما يكون النص الإضافي عبارة عن عنوان. |
prediction-item-match |
جزء التوقّع الذي تم إرجاعه والذي يتطابق مع ما أدخله المستخدم. يتم تلقائيًا تمييز النص المطابِق بخط غامق. يُرجى العِلم بأنّ النص المطابق قد يكون في أي مكان ضمن prediction-item. ليس بالضرورة أن يكون جزءًا من prediction-item-main-text. |
prediction-item-selected |
العنصر الذي ينتقل إليه المستخدم باستخدام لوحة المفاتيح ملاحظة: ستتأثر العناصر المحدّدة بكلّ من أنماط الأجزاء هذه وأنماط أجزاء العناصر المقترَحة. |
prediction-list |
العنصر المرئي الذي يحتوي على قائمة التوقّعات التي تعرضها خدمة "الإكمال التلقائي لاسم المكان". تظهر هذه القائمة كقائمة منسدلة أسفل PlaceAutocompleteElement. |
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
الفعاليات | |
|---|---|
gmp-error |
function(errorEvent)الوسيطات:
يتم إطلاق هذا الحدث عندما يتم رفض طلب إلى الخلفية (مثل مفتاح واجهة برمجة تطبيقات غير صحيح). لا يظهر هذا الحدث. |
gmp-select |
function(placePredictionSelectEvent)الوسيطات:
يتم تنشيط هذا الحدث عندما يختار المستخدم توقّعًا لمكان. يحتوي على عنصر PlacePrediction يمكن تحويله إلى عنصر Place. |
PlaceAutocompleteElementOptions interface
google.maps.places.PlaceAutocompleteElementOptions
interface
خيارات إنشاء PlaceAutocompleteElement للحصول على وصف لكل موقع، يُرجى الرجوع إلى الموقع الذي يحمل الاسم نفسه في فئة PlaceAutocompleteElement.
الخصائص | |
|---|---|
locationBias optional |
النوع:
LocationBias optional |
locationRestriction optional |
النوع:
LocationRestriction optional |
name optional |
النوع:
string optional |
requestedLanguage optional |
النوع:
string optional |
فئة PlacePredictionSelectEvent
google.maps.places.PlacePredictionSelectEvent
صف
يتم إنشاء هذا الحدث بعد أن يختار المستخدم عنصرًا من عناصر التوقّع باستخدام PlaceAutocompleteElement. يمكنك الوصول إلى النص المحدّد باستخدام event.placePrediction.
حوِّل placePrediction إلى Place من خلال استدعاء PlacePrediction.toPlace.
يمتد هذا الصف إلى Event.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlacePredictionSelectEvent} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الخصائص | |
|---|---|
placePrediction |
النوع:
PlacePredictionيمكنك تحويل هذا الرقم إلى Place من خلال الاتصال بالرقم PlacePrediction.toPlace. |
فئة PlaceAutocompleteRequestErrorEvent
google.maps.places.PlaceAutocompleteRequestErrorEvent
صف
يتم إصدار هذا الحدث من خلال PlaceAutocompleteElement عند حدوث مشكلة في طلب الشبكة.
يمتد هذا الصف إلى Event.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceAutocompleteRequestErrorEvent} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
فئة PlaceContextualElement
google.maps.places.PlaceContextualElement
صف
أداة تستخدم رمز السياق لعرض طريقة عرض سياقية لردّ Grounding with Google Maps.
العنصر المخصّص:
<gmp-place-contextual context-token="string"></gmp-place-contextual>
يمتد هذا الصف إلى HTMLElement.
تنفّذ هذه الفئة
PlaceContextualElementOptions.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceContextualElement} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الخصائص | |
|---|---|
contextToken |
النوع:
string optionalالرمز المميّز للسياق
سمة HTML:
|
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
واجهة PlaceContextualElementOptions
google.maps.places.PlaceContextualElementOptions
interface
خيارات PlaceContextualElement
الخصائص | |
|---|---|
contextToken optional |
النوع:
string optionalالرمز المميز للسياق الذي يوفّره الردّ من Grounding with Google Maps. |
PlaceContextualListConfigElement class
google.maps.places.PlaceContextualListConfigElement
صف
عنصر HTML يضبط خيارات لعرض القائمة في "العنصر السياقي الخاص بالمكان".
العنصر المخصّص:
<gmp-place-contextual-list-config layout="compact" map-hidden></gmp-place-contextual-list-config>
يمتد هذا الصف إلى HTMLElement.
تنفّذ هذه الفئة
PlaceContextualListConfigElementOptions.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceContextualListConfigElement} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الخصائص | |
|---|---|
layout |
النوع:
PlaceContextualListLayout optionalالتنسيق
سمة HTML:
|
mapHidden |
النوع:
boolean optionalتُستخدَم لتحديد ما إذا كانت الخريطة مخفية.
سمة HTML:
|
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
PlaceContextualListConfigElementOptions interface
google.maps.places.PlaceContextualListConfigElementOptions
interface
خيارات PlaceContextualListConfigElement
الخصائص | |
|---|---|
layout optional |
النوع:
PlaceContextualListLayout optionalالتنسيق القيمة التلقائية هي PlaceContextualListLayout.VERTICAL. |
mapHidden optional |
النوع:
boolean optionalتُستخدَم لتحديد ما إذا كانت الخريطة مخفية. الإعداد التلقائي هو عرض الخريطة (القيمة false). |
PlaceContextualListLayout constants
google.maps.places.PlaceContextualListLayout
الثوابت
قائمة التنسيقات التي يتيحها "العنصر السياقي الخاص بالمكان" لعرض القائمة
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceContextualListLayout} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الثوابت | |
|---|---|
COMPACT |
تنسيق القائمة المختصرة: يتم عرض عناصر القائمة كروابط على سطر واحد، مع عرض العناصر الزائدة في قائمة منسدلة. |
VERTICAL |
تخطيط القائمة العمودية: يتم عرض عناصر القائمة على شكل بطاقات في قائمة عمودية. |
PlaceDetailsElementPlaceDetailsElement
google.maps.places.PlaceDetailsElement
صف
عنصر HTML يعرض تفاصيل حول مكان معيّن. استخدِم الطريقتَين configureFromPlace() أو configureFromLocation() لتحديد المحتوى الذي سيتم عرضه. لاستخدام عنصر "تفاصيل المكان"، فعِّل Places UI Kit API لمشروعك في Google Cloud Console.
العنصر المخصّص:
<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 تلقائيًا.سمة HTML:
|
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
configureFromLocation |
configureFromLocation(location)المَعلمات:
قيمة العرض:
Promise<void> وعد يتم تنفيذه بعد تحميل بيانات المكان وعرضها.تضبط هذه السمة الأداة من LatLng باستخدام الترميز الجغرافي العكسي. |
configureFromPlace |
configureFromPlace(place)المَعلمات:
قيمة العرض:
Promise<void> وعد يتم تنفيذه بعد تحميل بيانات المكان وعرضها.تضبط هذه السمة التطبيق المصغّر من خلال كائن Place أو رقم تعريف المكان. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
الفعاليات | |
|---|---|
gmp-load |
function(event)الوسيطات:
يتم تنشيط هذا الحدث عندما يتم تحميل العنصر وعرض محتواه. لا يظهر هذا الحدث. |
gmp-requesterror |
function(event)الوسيطات:
يتم إطلاق هذا الحدث عندما يتم رفض طلب إلى الخلفية (مثل مفتاح واجهة برمجة تطبيقات غير صحيح). لا يظهر هذا الحدث. |
PlaceDetailsElementOptions interface
google.maps.places.PlaceDetailsElementOptions
interface
خيارات PlaceDetailsElement
الخصائص | |
|---|---|
size optional |
النوع:
PlaceDetailsSize optional |
ثوابت PlaceDetailsSize
google.maps.places.PlaceDetailsSize
الثوابت
خيارات المقاس لـ "PlaceDetailsElement"
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceDetailsSize} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الثوابت | |
|---|---|
LARGE |
صيغة كبيرة تتضمّن صورة كبيرة ومعلومات أساسية ومعلومات الاتصال |
MEDIUM |
النوع المتوسط الذي يتضمّن صورة كبيرة ومعلومات أساسية |
SMALL |
صيغة صغيرة تتضمّن صورة صغيرة ومعلومات أساسية |
X_LARGE |
نسخة كبيرة جدًا تتضمّن مجموعة صور ومراجعات ومعلومات شاملة عن المكان |
PlaceDetailsCompactElementPlaceDetailsCompactElement
google.maps.places.PlaceDetailsCompactElement
صف
تعرض هذه البطاقة تفاصيل حول مكان ما بتنسيق مضغوط. أضِف PlaceDetailsPlaceRequestElement لتحديد المكان المطلوب عرضه. أضِف PlaceContentConfigElement أو PlaceStandardContentElement أو PlaceAllContentElement لتحديد المحتوى الذي تريد عرضه.
لاستخدام هذا العنصر، فعِّل Places UI Kit API لمشروعك في Google Cloud Console.
العنصر المخصّص:
<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تمثّل هذه السمة صيغة اتجاه العنصر (رأسي أو أفقي).
سمة HTML:
|
place |
النوع:
Place optionalللقراءة فقط عنصر المكان الذي يحتوي على المعرّف والموقع الجغرافي ونافذة العرض للمكان المعروض حاليًا |
truncationPreferred |
النوع:
booleanالقيمة التلقائية:
falseفي حال ضبط القيمة على "true"، يتم اقتطاع اسم المكان وعنوانه ليناسبا سطرًا واحدًا بدلاً من التفافهما.
سمة HTML:
|
خصائص CSS | |
|---|---|
--gmp-mat-color-info |
لون عناصر واجهة المستخدم التي تتضمّن معلومات. يُستخدَم لرمز الكرسي المتحرّك. |
--gmp-mat-color-negative |
لون عناصر واجهة المستخدم التي تعبّر عن مشاعر سلبية تُستخدَم لعرض النص "مغلق" في حالة "مفتوح الآن". |
--gmp-mat-color-neutral-container |
لون الحاوية لعناصر واجهة المستخدم المحايدة المملوءة يُستخدم للعناصر النائبة للصور. |
--gmp-mat-color-on-secondary-container |
لون النص والرموز مقارنةً بلون الحاوية الثانوية يُستخدم للنص والرموز على الزر "فتح في خرائط Google". |
--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 |
لون تعبئة أقل بروزًا مقارنةً بالسطح، وذلك للمكوّنات المتنحية مثل الأزرار اللونية. يُستخدَم لخلفية الزر "فتح في خرائط Google". |
--gmp-mat-color-surface |
لون الخلفيات تُستخدَم لخلفيات العنصر ومربّع حوار تحديد المصدر. |
--gmp-mat-font-body-medium |
تُستخدَم لنص الرسالة في مربّع حوار تحديد المصدر. |
--gmp-mat-font-body-small |
تُستخدَم لعرض عنوان المكان وتقييمه ونوعه وسعره وحالة "مفتوح الآن". |
--gmp-mat-font-family |
مجموعة الخطوط الأساسية المستخدَمة لجميع النصوص |
--gmp-mat-font-headline-medium |
تُستخدَم لنص العنوان في مربّع حوار تحديد المصدر. |
--gmp-mat-font-label-large |
يُستخدَم لزر "فتح في خرائط Google" والروابط في مربّع حوار تحديد المصدر. |
--gmp-mat-font-title-small |
تُستخدَم لاسم المكان. |
background-color |
تتجاوز هذه السمة لون الخلفية للعنصر. |
border |
تستبدل هذه السمة حدود العنصر. |
border-radius |
تتجاوز هذه السمة نصف قطر حدود العنصر. |
color-scheme |
تشير إلى نظام الألوان الذي يمكن عرض هذا العنصر به. لمزيد من التفاصيل، يمكنك الاطّلاع على color-scheme المستندات. القيمة التلقائية هي color-scheme: light dark. |
font-size |
يتم تغيير حجم كل النصوص والرموز في العنصر، والتي يتم تحديدها داخليًا بوحدات em. القيمة التلقائية هي 16px. |
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
الفعاليات | |
|---|---|
gmp-error |
function(event)الوسيطات:
يتم إطلاق هذا الحدث عندما يتم رفض طلب إلى الخلفية (مثل مفتاح واجهة برمجة تطبيقات غير صحيح). لا يظهر هذا الحدث. |
gmp-load |
function(event)الوسيطات:
يتم تنشيط هذا الحدث عندما يتم تحميل العنصر وعرض محتواه. لا يظهر هذا الحدث. |
واجهة PlaceDetailsCompactElementOptions
google.maps.places.PlaceDetailsCompactElementOptions
interface
خيارات PlaceDetailsCompactElement
الخصائص | |
|---|---|
orientation optional |
النوع:
PlaceDetailsOrientation optionalيمكنك الاطّلاع على PlaceDetailsCompactElement.orientation. |
truncationPreferred optional |
النوع:
boolean optionalيمكنك الاطّلاع على PlaceDetailsCompactElement.truncationPreferred. |
ثوابت PlaceDetailsOrientation
google.maps.places.PlaceDetailsOrientation
الثوابت
خيارات الاتجاه لـ "PlaceDetailsCompactElement"
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceDetailsOrientation} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الثوابت | |
|---|---|
HORIZONTAL |
الاتجاه الأفقي |
VERTICAL |
الاتجاه العمودي |
PlaceDetailsPlaceRequestElement class
google.maps.places.PlaceDetailsPlaceRequestElement
صف
تضبط هذه السمة عنصر "تفاصيل المكان" المضغوط لتحميل البيانات استنادًا إلى عنصر مكان أو معرّف أو اسم مورد. أضِف هذا العنصر كعنصر ثانوي لعنصر PlaceDetailsCompactElement لتحميل البيانات الخاصة بالمكان المحدّد.
العنصر المخصّص:
<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تمثّل هذه السمة عنصر المكان أو رقم تعريفه أو اسم المورد الذي سيتم عرض تفاصيله في عنصر "تفاصيل المكان" المضغوط. تعكس هذه السمة السمة كاسم مورد.
سمة HTML:
|
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
PlaceDetailsPlaceRequestElementOptions interface
google.maps.places.PlaceDetailsPlaceRequestElementOptions
interface
خيارات PlaceDetailsPlaceRequestElement
الخصائص | |
|---|---|
place optional |
النوع:
Place|string optional |
فئة PlaceContentConfigElement
google.maps.places.PlaceContentConfigElement
صف
تضبط هذه السمة المحتوى الذي سيتم عرضه بواسطة عنصر "تفاصيل المكان" المضغوط. أضِف هذا العنصر كعنصر ثانوي لعنصر PlaceDetailsCompactElement لاستخدامه. أضِف أيًا من العناصر التالية إلى PlaceContentConfigElement لعرض المحتوى ذي الصلة:
PlaceMediaElement وPlaceAddressElement وPlaceRatingElement وPlaceTypeElement وPlacePriceElement وPlaceAccessibleEntranceIconElement وPlaceOpenNowStatusElement وPlaceAttributionElement
لا يهم ترتيب العناصر الفرعية، إذ يعرض العنصر المحتوى بترتيب عادي لا يمكن تخصيصه.
العنصر المخصّص:
<gmp-place-content-config></gmp-place-content-config>
يمتد هذا الصف إلى HTMLElement.
تنفّذ هذه الفئة
PlaceContentConfigElementOptions.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceContentConfigElement} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الشركة المصنِّعة | |
|---|---|
PlaceContentConfigElement |
PlaceContentConfigElement([options])المَعلمات:
|
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
PlaceContentConfigElementOptions interface
google.maps.places.PlaceContentConfigElementOptions
interface
خيارات PlaceContentConfigElement
PlaceMediaElement class
google.maps.places.PlaceMediaElement
صف
تضبط هذه السمة عنصرًا مضغوطًا من "تفاصيل المكان" لعرض وسائط مكان، مثل الصور. أضِف هذا العنصر كعنصر ثانوي لعنصر PlaceContentConfigElement لاستخدامه.
العنصر المخصّص:
<gmp-place-media lightbox-preferred></gmp-place-media>
يمتد هذا الصف إلى HTMLElement.
تنفّذ هذه الفئة
PlaceMediaElementOptions.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceMediaElement} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الشركة المصنِّعة | |
|---|---|
PlaceMediaElement |
PlaceMediaElement([options])المَعلمات:
|
الخصائص | |
|---|---|
lightboxPreferred |
النوع:
boolean optionalالقيمة التلقائية:
falseتحديد ما إذا كان سيتم تفعيل أو إيقاف عرض الوسائط في مربّع الحوار، في الحالات التي يتوفّر فيها الخياران
سمة HTML:
|
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
واجهة PlaceMediaElementOptions
google.maps.places.PlaceMediaElementOptions
interface
خيارات PlaceMediaElement
الخصائص | |
|---|---|
lightboxPreferred optional |
النوع:
boolean optionalيمكنك الاطّلاع على PlaceMediaElement.lightboxPreferred. |
فئة PlaceAddressElement
google.maps.places.PlaceAddressElement
صف
تضبط هذه السمة عنصرًا مضغوطًا من "تفاصيل المكان" لعرض عنوان مكان. أضِف هذا العنصر كعنصر ثانوي لعنصر PlaceContentConfigElement لاستخدامه.
العنصر المخصّص:
<gmp-place-address></gmp-place-address>
يمتد هذا الصف إلى HTMLElement.
تنفّذ هذه الفئة
PlaceAddressElementOptions.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceAddressElement} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الشركة المصنِّعة | |
|---|---|
PlaceAddressElement |
PlaceAddressElement([options])المَعلمات:
|
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
PlaceAddressElementOptions interface
google.maps.places.PlaceAddressElementOptions
interface
خيارات PlaceAddressElement
فئة PlaceRatingElement
google.maps.places.PlaceRatingElement
صف
تضبط هذه السمة عنصر "تفاصيل المكان" المضغوط لعرض تقييم المكان. أضِف هذا العنصر كعنصر ثانوي لعنصر PlaceContentConfigElement لاستخدامه.
العنصر المخصّص:
<gmp-place-rating></gmp-place-rating>
يمتد هذا الصف إلى HTMLElement.
تنفّذ هذه الفئة
PlaceRatingElementOptions.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceRatingElement} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الشركة المصنِّعة | |
|---|---|
PlaceRatingElement |
PlaceRatingElement([options])المَعلمات:
|
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
PlaceRatingElementOptions interface
google.maps.places.PlaceRatingElementOptions
interface
خيارات PlaceRatingElement
فئة PlaceTypeElement
google.maps.places.PlaceTypeElement
صف
تضبط هذه السمة عنصر "تفاصيل المكان المختصرة" لعرض نوع المكان. أضِف هذا العنصر كعنصر ثانوي لعنصر PlaceContentConfigElement لاستخدامه.
العنصر المخصّص:
<gmp-place-type></gmp-place-type>
يمتد هذا الصف إلى HTMLElement.
تنفّذ هذه الفئة
PlaceTypeElementOptions.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceTypeElement} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الشركة المصنِّعة | |
|---|---|
PlaceTypeElement |
PlaceTypeElement([options])المَعلمات:
|
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
واجهة PlaceTypeElementOptions
google.maps.places.PlaceTypeElementOptions
interface
خيارات PlaceTypeElement
فئة PlacePriceElement
google.maps.places.PlacePriceElement
صف
تضبط هذه السمة عنصرًا مضغوطًا خاصًا بتفاصيل المكان لعرض مستوى سعر المكان أو نطاق سعره. أضِف هذا العنصر كعنصر ثانوي لعنصر PlaceContentConfigElement لاستخدامه.
العنصر المخصّص:
<gmp-place-price></gmp-place-price>
يمتد هذا الصف إلى HTMLElement.
تنفّذ هذه الفئة
PlacePriceElementOptions.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlacePriceElement} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الشركة المصنِّعة | |
|---|---|
PlacePriceElement |
PlacePriceElement([options])المَعلمات:
|
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
PlacePriceElementOptions interface
google.maps.places.PlacePriceElementOptions
interface
خيارات PlacePriceElement
PlaceAccessibleEntranceIconElement PlaceAccessibleEntranceIconElement
google.maps.places.PlaceAccessibleEntranceIconElement
صف
تضبط هذه السمة عنصر "تفاصيل المكان" المدمج لعرض رمز كرسي متحرك إذا كان المكان يوفّر مدخلاً مناسبًا للكراسي المتحركة. أضِف هذا العنصر كعنصر ثانوي لعنصر PlaceContentConfigElement لاستخدامه.
العنصر المخصّص:
<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
يمتد هذا الصف إلى HTMLElement.
تنفّذ هذه الفئة
PlaceAccessibleEntranceIconElementOptions.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الشركة المصنِّعة | |
|---|---|
PlaceAccessibleEntranceIconElement |
PlaceAccessibleEntranceIconElement([options])المَعلمات:
|
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
PlaceAccessibleEntranceIconElementOptions interface
google.maps.places.PlaceAccessibleEntranceIconElementOptions
interface
خيارات PlaceAccessibleEntranceIconElement
PlaceOpenNowStatusElement class
google.maps.places.PlaceOpenNowStatusElement
صف
تضبط هذه السمة عنصر "تفاصيل المكان" المضغوط لعرض حالة المكان الحالية، سواء كان مفتوحًا أو مغلقًا. أضِف هذا العنصر كعنصر ثانوي لعنصر PlaceContentConfigElement لاستخدامه.
العنصر المخصّص:
<gmp-place-open-now-status></gmp-place-open-now-status>
يمتد هذا الصف إلى HTMLElement.
تنفّذ هذه الفئة
PlaceOpenNowStatusElementOptions.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الشركة المصنِّعة | |
|---|---|
PlaceOpenNowStatusElement |
PlaceOpenNowStatusElement([options])المَعلمات:
|
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
PlaceOpenNowStatusElementOptions interface
google.maps.places.PlaceOpenNowStatusElementOptions
interface
خيارات PlaceOpenNowStatusElement
فئة PlaceAttributionElement
google.maps.places.PlaceAttributionElement
صف
تسمح بتخصيص نص تحديد المصدر في "خرائط Google" في عنصر "تفاصيل المكان" المضغوط. أضِف هذا العنصر كعنصر ثانوي لعنصر PlaceContentConfigElement لاستخدامه. في حال حذف هذا العنصر، سيظلّ مصدر المحتوى معروضًا بالألوان التلقائية.
العنصر المخصّص:
<gmp-place-attribution dark-scheme-color="white" light-scheme-color="white"></gmp-place-attribution>
يمتد هذا الصف إلى HTMLElement.
تنفّذ هذه الفئة
PlaceAttributionElementOptions.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceAttributionElement} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الشركة المصنِّعة | |
|---|---|
PlaceAttributionElement |
PlaceAttributionElement([options])المَعلمات:
|
الخصائص | |
|---|---|
darkSchemeColor |
النوع:
AttributionColor optionalالقيمة التلقائية:
AttributionColor.WHITEلون بيان تحديد المصدر في "خرائط Google" في الوضع الداكن
سمة HTML:
|
lightSchemeColor |
النوع:
AttributionColor optionalالقيمة التلقائية:
AttributionColor.GRAYلون تحديد المصدر في "خرائط Google" في الوضع الفاتح
سمة HTML:
|
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
PlaceAttributionElementOptions interface
google.maps.places.PlaceAttributionElementOptions
interface
خيارات PlaceAttributionElement
الخصائص | |
|---|---|
darkSchemeColor optional |
النوع:
AttributionColor optionalيمكنك الاطّلاع على PlaceAttributionElement.darkSchemeColor. |
lightSchemeColor optional |
النوع:
AttributionColor optionalيمكنك الاطّلاع على PlaceAttributionElement.lightSchemeColor. |
ثوابت AttributionColor
google.maps.places.AttributionColor
الثوابت
خيارات الألوان لنص الإحالة في "خرائط Google" يمكن تخصيص معلومات تحديد المصدر لاستخدام أي من هذه الألوان.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {AttributionColor} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الثوابت | |
|---|---|
BLACK |
نص تحديد المصدر باللون الأسود |
GRAY |
نص تحديد المصدر باللون الرمادي |
WHITE |
نص تحديد المصدر باللون الأبيض |
فئة PlaceAllContentElement
google.maps.places.PlaceAllContentElement
صف
تضبط هذه السمة عنصرًا مضغوطًا من "تفاصيل المكان" لعرض كل المحتوى المتاح. أضِف هذا العنصر كعنصر ثانوي لعنصر PlaceDetailsCompactElement لاستخدامه.
العنصر المخصّص:
<gmp-place-all-content></gmp-place-all-content>
يمتد هذا الصف إلى HTMLElement.
تنفّذ هذه الفئة
PlaceAllContentElementOptions.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceAllContentElement} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الشركة المصنِّعة | |
|---|---|
PlaceAllContentElement |
PlaceAllContentElement([options])المَعلمات:
|
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
واجهة PlaceAllContentElementOptions
google.maps.places.PlaceAllContentElementOptions
interface
خيارات PlaceAllContentElement
فئة PlaceStandardContentElement
google.maps.places.PlaceStandardContentElement
صف
تضبط هذه السمة عنصرًا مضغوطًا خاصًا بتفاصيل المكان لعرض مجموعة عادية من المحتوى (الوسائط والتقييم والنوع والسعر ورمز المدخل المناسب لذوي الاحتياجات الخاصة وحالة "مفتوح الآن"). أضِف هذا العنصر كعنصر ثانوي لعنصر PlaceDetailsCompactElement لاستخدامه.
العنصر المخصّص:
<gmp-place-standard-content></gmp-place-standard-content>
يمتد هذا الصف إلى HTMLElement.
تنفّذ هذه الفئة
PlaceStandardContentElementOptions.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceStandardContentElement} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الشركة المصنِّعة | |
|---|---|
PlaceStandardContentElement |
PlaceStandardContentElement([options])المَعلمات:
|
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
PlaceStandardContentElementOptions interface
google.maps.places.PlaceStandardContentElementOptions
interface
خيارات PlaceStandardContentElement
PlaceListElement class
google.maps.places.PlaceListElement
صف
عنصر HTML يعرض نتائج البحث عن مكان في قائمة. استخدِم الطريقتَين configureFromSearchByTextRequest() أو configureFromSearchNearbyRequest() لتحديد الطلب الذي سيتم عرض النتائج له. لاستخدام "عنصر قائمة الأماكن"، فعِّل Places UI Kit API لمشروعك في Google Cloud Console.
العنصر المخصّص:
<gmp-place-list selectable></gmp-place-list>
يمتد هذا الصف إلى HTMLElement.
تنفّذ هذه الفئة
PlaceListElementOptions.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceListElement} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الشركة المصنِّعة | |
|---|---|
PlaceListElement |
PlaceListElement([options])المَعلمات:
|
الخصائص | |
|---|---|
places |
للقراءة فقط مصفوفة من عناصر Place تحتوي على أرقام التعريف والمواقع الجغرافية وإطارات العرض للأماكن المعروضة حاليًا. |
selectable |
النوع:
booleanتحديد ما إذا كانت عناصر القائمة قابلة للاختيار إذا كانت القيمة "صحيح"، ستكون عناصر القائمة عبارة عن أزرار تُرسِل الحدث
gmp-placeselect عند النقر عليها. تتوفّر أيضًا إمكانية التنقّل والاختيار باستخدام لوحة المفاتيح.سمة HTML:
|
الطُرق | |
|---|---|
|
addEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتُعدّ هذه السمة دالة سيتم استدعاؤها كلّما تمّ تسليم الحدث المحدّد إلى الهدف. اطّلِع على addEventListener. |
configureFromSearchByTextRequest |
configureFromSearchByTextRequest(request)المَعلمات:
قيمة العرض:
Promise<void> وعد يتم تنفيذه بعد تحميل بيانات المكان وعرضها.تضبط هذه السمة التطبيق المصغّر لعرض نتائج البحث من طلب Places Text Search API. |
configureFromSearchNearbyRequest |
configureFromSearchNearbyRequest(request)المَعلمات:
قيمة العرض:
Promise<void> وعد يتم تنفيذه بعد تحميل بيانات المكان وعرضها.تضبط هذه السمة التطبيق المصغّر لعرض نتائج البحث من طلب Places Nearby Search API. |
|
removeEventListener(type, listener[, options])المَعلمات:
قيمة العائد:
voidتزيل هذه الطريقة أداة معالجة الأحداث التي تم تسجيلها سابقًا باستخدام addEventListener من العنصر المستهدف. راجِع removeEventListener. |
الفعاليات | |
|---|---|
gmp-load |
function(event)الوسيطات:
يتم تنشيط هذا الحدث عندما يتم تحميل العنصر وعرض محتواه. لا يظهر هذا الحدث. |
gmp-placeselect |
function(event)الوسيطات:
يتمّ تنشيط هذا الحدث عندما يختار المستخدم مكانًا. يحتوي على عنصر Place وفهرس المكان المحدّد في القائمة. |
gmp-requesterror |
function(event)الوسيطات:
يتم إطلاق هذا الحدث عندما يتم رفض طلب إلى الخلفية (مثل مفتاح واجهة برمجة تطبيقات غير صحيح). لا يظهر هذا الحدث. |
PlaceListElementOptions interface
google.maps.places.PlaceListElementOptions
interface
خيارات PlaceListElement
الخصائص | |
|---|---|
selectable optional |
النوع:
boolean optional |
PlaceListPlaceSelectEvent class
google.maps.places.PlaceListPlaceSelectEvent
صف
يتم إصدار هذا الحدث من خلال PlaceListElement عندما يختار المستخدم مكانًا.
يمتد هذا الصف إلى Event.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {PlaceListPlaceSelectEvent} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الخصائص | |
|---|---|
index |
النوع:
numberفهرس القائمة للمكان المحدّد |
place |
النوع:
Placeكائن Place يحتوي على المعرّف والموقع الجغرافي ونافذة العرض للمكان المحدّد. |
فئة الإكمال التلقائي
google.maps.places.Autocomplete
صف
أداة تقدّم توقّعات حول الأماكن استنادًا إلى النص الذي يدخله المستخدم. يتم ربطها بعنصر إدخال من النوع text، وتستمع إلى إدخال النص في هذا الحقل. يتم عرض قائمة التوقعات كقائمة منسدلة، ويتم تعديلها عند إدخال النص.
يمتد هذا الصف إلى MVCObject.
يمكنك الوصول إلى الدعم من خلال الاتصال بالرقم const {Autocomplete} = await google.maps.importLibrary("places").
اطّلِع على المكتبات في Maps JavaScript API.
الشركة المصنِّعة | |
|---|---|
Autocomplete |
Autocomplete(inputField[, opts])المَعلمات:
تنشئ هذه الدالة مثيلاً جديدًا من Autocomplete يتم إرفاقه بحقل الإدخال النصي المحدّد مع الخيارات المحدّدة. |
الطُرق | |
|---|---|
getBounds |
getBounds()المَعلمات: بدون
قيمة الإرجاع:
LatLngBounds|undefined حدود التحيز.تعرِض هذه السمة الحدود التي يتم فيها تحيز التوقعات. |
getFields |
getFields()المَعلمات: بدون
قيمة العائد:
Array<string>|undefinedتعرض هذه السمة الحقول التي سيتم تضمينها في استجابة التفاصيل عند استرداد التفاصيل بنجاح. للاطّلاع على قائمة بالحقول، يُرجى الانتقال إلى PlaceResult. |
getPlace |
getPlace()المَعلمات: بدون
قيمة الإرجاع:
PlaceResult المكان الذي اختاره المستخدم.تعرض هذه السمة تفاصيل المكان الذي اختاره المستخدم إذا تم استرداد التفاصيل بنجاح. بخلاف ذلك، يتم عرض عنصر Place زائف، مع ضبط السمة name على القيمة الحالية لحقل الإدخال. |
setBounds |
setBounds(bounds)المَعلمات:
القيمة المعروضة: لا شيء
تضبط هذه السمة المنطقة المفضّلة التي سيتم عرض نتائج الأماكن ضمنها. تكون النتائج متحيزة لهذه المنطقة، ولكنّها لا تقتصر عليها. |
setComponentRestrictions |
setComponentRestrictions(restrictions)المَعلمات:
القيمة المعروضة: لا شيء
تضبط هذه السمة قيود المكوّن. تُستخدَم قيود المكوّنات لحصر التوقّعات على تلك التي تقع ضمن المكوّن الرئيسي فقط. على سبيل المثال، البلد. |
setFields |
setFields(fields)المَعلمات:
القيمة المعروضة: لا شيء
تضبط هذه السمة الحقول التي سيتم تضمينها في استجابة التفاصيل عند استرداد التفاصيل بنجاح. للاطّلاع على قائمة بالحقول، يُرجى الانتقال إلى PlaceResult. |
setOptions |
setOptions(options)المَعلمات:
القيمة المعروضة: لا شيء
|
setTypes |
setTypes(types)المَعلمات:
القيمة المعروضة: لا شيء
تضبط هذه السمة أنواع التوقعات التي سيتم عرضها. للاطّلاع على الأنواع المتوافقة، يُرجى الرجوع إلى دليل المطوِّر. في حال عدم تحديد أي أنواع، سيتم عرض جميع الأنواع. |
موروثة:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
الفعاليات | |
|---|---|
place_changed |
function()الوسيطات: لا شيء
يتم تنشيط هذا الحدث عندما تصبح PlaceResult متاحة لمكان اختاره المستخدم. إذا أدخل المستخدم اسم مكان لم يقترحه عنصر التحكّم وضغط على مفتاح Enter، أو إذا تعذّر تنفيذ طلب "تفاصيل المكان"، يحتوي العنصر PlaceResult على إدخال المستخدم في السمة name، بدون تحديد أي سمات أخرى. |
واجهة AutocompleteOptions
google.maps.places.AutocompleteOptions
interface
الخيارات التي يمكن ضبطها على عنصر Autocomplete.
الخصائص | |
|---|---|
bounds optional |
النوع:
LatLngBounds|LatLngBoundsLiteral optionalالمنطقة التي سيتم البحث فيها عن الأماكن |
componentRestrictions optional |
النوع:
ComponentRestrictions optionalقيود المكوّن تُستخدَم قيود المكوّنات لحصر التوقّعات على تلك التي تقع ضمن المكوّن الرئيسي فقط. على سبيل المثال، البلد. |
fields optional |
النوع:
Array<string> optionalالحقول التي سيتم تضمينها في استجابة التفاصيل عند استرداد التفاصيل بنجاح، والتي سيتم تحصيل رسوم مقابلها في حال إدخال ['ALL']، سيتم عرض جميع الحقول المتاحة وسيتم تحصيل رسوم مقابلها (لا يُنصح بهذا الإجراء في عمليات النشر في مرحلة الإنتاج). للاطّلاع على قائمة بالحقول، يُرجى الانتقال إلى PlaceResult. يمكن تحديد الحقول المتداخلة باستخدام مسارات النقاط (على سبيل المثال، "geometry.location"). القيمة التلقائية هي ['ALL']. |
|
النوع:
boolean optionalتحديد ما إذا كان سيتم استرداد معرّفات الأماكن فقط لن يتضمّن PlaceResult المتاح عند تشغيل حدث place_changed سوى الحقول place_id وtypes وname، مع عرض place_id وtypes وdescription التي تعرضها خدمة الإكمال التلقائي. يتم إيقافها تلقائيًا. |
strictBounds optional |
النوع:
boolean optionalقيمة منطقية تشير إلى أنّه يجب أن تعرض أداة الإكمال التلقائي الأماكن التي تقع ضمن حدودها فقط عند إرسال طلب البحث. سيؤدي ضبط strictBounds على false (وهو الإعداد التلقائي) إلى تحيّز النتائج نحو الأماكن التي تقع ضمن الحدود، ولكن لن يقتصر عليها. |
types optional |
النوع:
Array<string> optionalتمثّل هذه السمة أنواع التوقّعات المطلوب عرضها. للاطّلاع على الأنواع المتوافقة، يُرجى الرجوع إلى دليل المطوِّر. في حال عدم تحديد أي أنواع، سيتم عرض جميع الأنواع. |
فئة SearchBox
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
interface
الخيارات التي يمكن ضبطها على عنصر SearchBox
الخصائص | |
|---|---|
bounds optional |
النوع:
LatLngBounds|LatLngBoundsLiteral optionalالمنطقة التي يجب أن تميل إليها توقّعات طلب البحث. تكون التوقعات متحيزة نحو الطلبات التي تستهدف هذه الحدود، ولكنها لا تقتصر عليها. |