Places Widgets

המחלקה PlaceAutocompleteElement

class google.maps.places.PlaceAutocompleteElement extends HTMLElement implements PlaceAutocompleteElementOptions
library "places"

‫PlaceAutocompleteElement הוא תת-מחלקה של HTMLElement שמספקת רכיב ממשק משתמש ל-API של השלמה אוטומטית למקומות.

הרכיב PlaceAutocompleteElement משתמש באופן אוטומטי ב-AutocompleteSessionToken באופן פנימי כדי לקבץ את שלבי השאילתה והבחירה של חיפוש בהשלמה אוטומטית של משתמש.

הקריאה הראשונה ל-Place.fetchFields ב-Place שמוחזר על ידי PlacePrediction.toPlace תכלול באופן אוטומטי את הטוקן לסשן ששימש לאחזור של PlacePrediction.

מידע נוסף על אופן הפעולה של טוקנים לסשן זמין בכתובת https://developers.google.com/maps/documentation/places/web-service/place-session-tokens.

<gmp-place-autocomplete
  description="string"
  disabled
  future-opening-businesses-included
  included-primary-types="type1 type2 type3..."
  included-region-codes="c1 c2 c3..."
  internal-usage-attribution-ids="space separated strings"
  maxlength="number"
  name="string"
  no-clear-button
  no-input-icon
  origin="lat,lng"
  placeholder="string"
  pure-service-area-businesses-included
  readonly
  requested-language="string"
  requested-region="string"
  unit-system="value-name">
</gmp-place-autocomplete>

const {PlaceAutocompleteElement} = await google.maps.importLibrary("places");

ממשק PlaceAutocompleteElementOptions

ממשק google.maps.places.PlaceAutocompleteElementOptions
מיושם על ידי PlaceAutocompleteElement

אפשרויות ליצירת PlaceAutocompleteElement. לתיאור של כל מאפיין, עיינו במאפיין עם אותו שם בכיתה PlaceAutocompleteElement.

המחלקה PlacePredictionSelectEvent

class google.maps.places.PlacePredictionSelectEvent extends Event
library "places"

האירוע הזה נוצר אחרי שהמשתמש בוחר פריט חיזוי באמצעות PlaceAutocompleteElement. כדי לגשת לבחירה, לוחצים על event.placePrediction.

ממירים את placePrediction ל-Place באמצעות קריאה ל-PlacePrediction.toPlace.

const {PlacePredictionSelectEvent} = await google.maps.importLibrary("places");

המחלקה BasicPlaceAutocompleteElement

class google.maps.places.BasicPlaceAutocompleteElement extends HTMLElement implements BasicPlaceAutocompleteElementOptions
library "places"

‫BasicPlaceAutocompleteElement הוא תת-מחלקה של HTMLElement שמספקת רכיב ממשק משתמש ל-API של השלמה אוטומטית למקומות.

<gmp-basic-place-autocomplete
  description="string"
  disabled
  future-opening-businesses-included
  included-primary-types="type1 type2 type3..."
  included-region-codes="c1 c2 c3..."
  internal-usage-attribution-ids="space separated strings"
  maxlength="number"
  name="string"
  no-clear-button
  no-input-icon
  origin="lat,lng"
  placeholder="string"
  pure-service-area-businesses-included
  readonly
  requested-language="string"
  requested-region="string"
  unit-system="value-name">
</gmp-basic-place-autocomplete>

const {BasicPlaceAutocompleteElement} = await google.maps.importLibrary("places");

ממשק BasicPlaceAutocompleteElementOptions

ממשק google.maps.places.BasicPlaceAutocompleteElementOptions
מיושם על ידי BasicPlaceAutocompleteElement

אפשרויות ליצירת BasicPlaceAutocompleteElement.

המחלקה PlaceDetailsElement

class google.maps.places.PlaceDetailsElement extends HTMLElement implements PlaceDetailsElementOptions
extended by AdvancedPlaceDetailsElement
library "places"

הצגת פרטים של מקום בפריסה מלאה. מוסיפים 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> 

<gmp-place-details
  internal-usage-attribution-ids="space separated strings">
</gmp-place-details>

const {PlaceDetailsElement} = await google.maps.importLibrary("places");

ממשק PlaceDetailsElementOptions

ממשק google.maps.places.PlaceDetailsElementOptions
מורחב על ידי AdvancedPlaceDetailsElementOptions
מיושם על ידי AdvancedPlaceDetailsElement, PlaceDetailsElement

אפשרויות לגבי PlaceDetailsElement.

המחלקה PlaceDetailsCompactElement

class google.maps.places.PlaceDetailsCompactElement extends HTMLElement implements PlaceDetailsCompactElementOptions
extended by AdvancedPlaceDetailsCompactElement
library "places"

הצגת פרטים על מקום בפריסה קומפקטית. מוסיפים 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> 

<gmp-place-details-compact
  internal-usage-attribution-ids="space separated strings"
  orientation="value-name"
  truncation-preferred>
</gmp-place-details-compact>

const {PlaceDetailsCompactElement} = await google.maps.importLibrary("places");

הממשק PlaceDetailsCompactElementOptions

ממשק google.maps.places.PlaceDetailsCompactElementOptions
מורחב על ידי AdvancedPlaceDetailsCompactElementOptions
מיושם על ידי AdvancedPlaceDetailsCompactElement, PlaceDetailsCompactElement

אפשרויות לגבי PlaceDetailsCompactElement.

המחלקה AdvancedPlaceDetailsElement

class google.maps.places.AdvancedPlaceDetailsElement extends PlaceDetailsElement, HTMLElement implements AdvancedPlaceDetailsElementOptions, PlaceDetailsElementOptions
library "places"

הצגת פרטים של מקום בפריסה מלאה. מוסיפים PlaceDetailsPlaceRequestElement או PlaceDetailsLocationRequestElement כדי לציין את המקום שרוצים לעבד. כדי להגדיר את התוכן שיוצג, מוסיפים ישירות רכיב PlaceStandardContentElement, PlaceAllContentElement או פרטי מקום.

דוגמה:

 <gmp-advanced-place-details>
   <gmp-place-details-place-request
     place="PLACE_ID"
   ></gmp-place-details-place-request>
   <gmp-place-standard-content>
   </gmp-place-standard-content>
 </gmp-advanced-place-details> 

<gmp-advanced-place-details
  internal-usage-attribution-ids="space separated strings">
</gmp-advanced-place-details>

const {AdvancedPlaceDetailsElement} = await google.maps.importLibrary("places");

מכונות מזל
action-corner	משבצת זמן ל-PlaceLinkElement ול-PlaceButtonElement.
action-main	משבצת זמן ל-PlaceLinkElement ול-PlaceButtonElement.
basic-section-bottom	משבצת לתוכן HTML מותאם אישית שמוצג בתחתית הקטע של המידע הבסיסי, ישירות מתחת לכפתורי הפעולה הראשיים.
basic-section-top	משבצת לתוכן HTML בהתאמה אישית שמוצג בקטע המידע הבסיסי, ישירות מעל שם המקום.

ממשק AdvancedPlaceDetailsElementOptions

ממשק google.maps.places.AdvancedPlaceDetailsElementOptions מרחיב את PlaceDetailsElementOptions
מוטמע על ידי AdvancedPlaceDetailsElement

אפשרויות לגבי AdvancedPlaceDetailsElement.

המחלקה AdvancedPlaceDetailsCompactElement

class google.maps.places.AdvancedPlaceDetailsCompactElement extends PlaceDetailsCompactElement, HTMLElement implements AdvancedPlaceDetailsCompactElementOptions, PlaceDetailsCompactElementOptions
library "places"

הצגת פרטים על מקום בפריסה קומפקטית. מוסיפים PlaceDetailsPlaceRequestElement או PlaceDetailsLocationRequestElement כדי לציין את המקום שרוצים לעבד. כדי להגדיר את התוכן לעיבוד, צריך להוסיף PlaceStandardContentElement, PlaceAllContentElement או לציין צאצאים ספציפיים של תוכן.

כדי להשתמש ברכיב הזה, צריך להפעיל את Places UI Kit API בפרויקט במסוף Google Cloud.

<gmp-advanced-place-details-compact
  internal-usage-attribution-ids="space separated strings">
</gmp-advanced-place-details-compact>

const {AdvancedPlaceDetailsCompactElement} = await google.maps.importLibrary("places");

מכונות מזל
action-corner	משבצת זמן ל-PlaceLinkElement ול-PlaceButtonElement.
action-main	משבצת זמן ל-PlaceLinkElement ול-PlaceButtonElement.
basic-section-bottom	משבצת לתוכן HTML מותאם אישית שמוצג בתחתית הקטע של המידע הבסיסי, ישירות מתחת לכפתורי הפעולה הראשיים.
basic-section-top	משבצת לתוכן HTML בהתאמה אישית שמוצג בקטע המידע הבסיסי, ישירות מעל שם המקום.

ממשק AdvancedPlaceDetailsCompactElementOptions

ממשק google.maps.places.AdvancedPlaceDetailsCompactElementOptions מרחיב את PlaceDetailsCompactElementOptions
מוטמע על ידי AdvancedPlaceDetailsCompactElement

אפשרויות לגבי AdvancedPlaceDetailsCompactElement.

קבועים של PlaceDetailsOrientation

constants google.maps.places.PlaceDetailsOrientation
ספרייה "places"

וריאציות של כיוון המסך ב-PlaceDetailsCompactElement.

אפשר להשתמש בקבועים האלה גם כמחרוזות. ב-TypeScript, המחרוזות המילוליות מוגדרות לפי הסוג PlaceDetailsOrientationString.

const {PlaceDetailsOrientation} = await google.maps.importLibrary("places");

המחלקה PlaceDetailsPlaceRequestElement

class google.maps.places.PlaceDetailsPlaceRequestElement extends HTMLElement implements PlaceDetailsPlaceRequestElementOptions
library "places"

מגדיר 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="places/###">
</gmp-place-details-place-request>

const {PlaceDetailsPlaceRequestElement} = await google.maps.importLibrary("places");

ממשק PlaceDetailsPlaceRequestElementOptions

ממשק google.maps.places.PlaceDetailsPlaceRequestElementOptions
מיושם על ידי PlaceDetailsPlaceRequestElement

אפשרויות לגבי PlaceDetailsPlaceRequestElement.

המחלקה PlaceDetailsLocationRequestElement

class google.maps.places.PlaceDetailsLocationRequestElement extends HTMLElement implements PlaceDetailsLocationRequestElementOptions
library "places"

הגדרה של 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>

const {PlaceDetailsLocationRequestElement} = await google.maps.importLibrary("places");

ממשק PlaceDetailsLocationRequestElementOptions

ממשק google.maps.places.PlaceDetailsLocationRequestElementOptions
מיושם על ידי PlaceDetailsLocationRequestElement

אפשרויות לגבי PlaceDetailsLocationRequestElement.

המחלקה PlaceSearchElement

class google.maps.places.PlaceSearchElement extends HTMLElement implements PlaceSearchElementOptions
extended by AdvancedPlaceSearchElement
library "places"

הצגת התוצאות של חיפוש מקומות ברשימה. מוסיפים 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="value-name"
  internal-usage-attribution-ids="space separated strings"
  orientation="value-name"
  selectable
  truncation-preferred>
</gmp-place-search>

const {PlaceSearchElement} = await google.maps.importLibrary("places");

ממשק PlaceSearchElementOptions

ממשק google.maps.places.PlaceSearchElementOptions
מורחב על ידי AdvancedPlaceSearchElementOptions
מיושם על ידי AdvancedPlaceSearchElement, PlaceSearchElement

אפשרויות לגבי PlaceSearchElement.

המחלקה PlaceItemElement

class google.maps.places.PlaceItemElement extends HTMLElement implements PlaceItemElementOptions
extended by AdvancedPlaceItemElement
library "places"

רכיב wrapper ציבורי של רכיב אינטרנט (<gmp-place-item>) לפריטים ברשימת המקומות. הרכיב המותאם אישית <gmp-place-item> מציג כרטיס תוצאה של מקום ספציפי בתוך <gmp-place-search>. כל <gmp-place-item> מציג מידע על מקום שמורכב מרכיבים חזותיים צאצאים מ-Places UI Kit.

<gmp-place-item></gmp-place-item>

const {PlaceItemElement} = await google.maps.importLibrary("places");

ממשק PlaceItemElementOptions

ממשק google.maps.places.PlaceItemElementOptions
מורחב על ידי AdvancedPlaceItemElementOptions
מיושם על ידי AdvancedPlaceItemElement, PlaceItemElement

אפשרויות לגבי PlaceItemElement.

המחלקה AdvancedPlaceSearchElement

class google.maps.places.AdvancedPlaceSearchElement extends PlaceSearchElement, HTMLElement implements AdvancedPlaceSearchElementOptions, PlaceSearchElementOptions
library "places"

הצגת התוצאות של חיפוש מקומות מתקדם ברשימה. מוסיפים PlaceTextSearchRequestElement או PlaceNearbySearchRequestElement כדי לציין את הבקשה שרוצים להציג את התוצאות שלה. מוסיפים PlaceStandardContentElement,‏ PlaceAllContentElement או <template slot="details-item"> כדי לציין איזה תוכן לעבד.

דוגמה:

 <gmp-advanced-place-search>
   <gmp-place-text-search-request
     text-query="QUERY"
   ></gmp-place-text-search-request>
   <template slot="details-item">
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </template>
 </gmp-advanced-place-search> 

<gmp-advanced-place-search
  attribution-position="value-name"
  internal-usage-attribution-ids="space separated strings"
  orientation="value-name"
  selectable
  truncation-preferred>
</gmp-advanced-place-search>

const {AdvancedPlaceSearchElement} = await google.maps.importLibrary("places");

ממשק AdvancedPlaceSearchElementOptions

ממשק google.maps.places.AdvancedPlaceSearchElementOptions מרחיב את PlaceSearchElementOptions
מוטמע על ידי AdvancedPlaceSearchElement

אפשרויות לגבי AdvancedPlaceSearchElement.

המחלקה AdvancedPlaceListElement

class google.maps.places.AdvancedPlaceListElement extends HTMLElement implements AdvancedPlaceListElementOptions
library "places"

הצגת התוצאות של חיפוש מקומות ברשימה. כדי לציין את המקומות שיוצגו, צריך להוסיף PlaceDetailsPlaceRequestElement אחד או יותר או להגדיר את המאפיין places. מוסיפים PlaceStandardContentElement או PlaceAllContentElement כדי לציין איזה תוכן לעבד.

דוגמה:

 <gmp-advanced-place-list>
   <gmp-place-details-place-request
     place="PLACE_ID"
   </gmp-place-details-place-request>
   <template slot="details-item">
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </template>
 </gmp-advanced-place-list> 

<gmp-advanced-place-list
  attribution-position="value-name"
  internal-usage-attribution-ids="space separated strings"
  orientation="value-name"
  places="space separated strings"
  selectable
  truncation-preferred>
</gmp-advanced-place-list>

const {AdvancedPlaceListElement} = await google.maps.importLibrary("places");

ממשק AdvancedPlaceListElementOptions

ממשק google.maps.places.AdvancedPlaceListElementOptions
מיושם על ידי AdvancedPlaceListElement

אפשרויות לגבי AdvancedPlaceListElement.

המחלקה AdvancedPlaceItemElement

class google.maps.places.AdvancedPlaceItemElement extends PlaceItemElement, HTMLElement implements AdvancedPlaceItemElementOptions, PlaceItemElementOptions
library "places"

רכיב wrapper ציבורי של רכיב אינטרנט (<gmp-advanced-place-item>) לפריטים מתקדמים ברשימת המקומות. הרכיב המותאם אישית <gmp-advanced-place-item> מציג כרטיס תוצאה עשירה של מקום בודד בתוך קונטיינר של חיפוש מתקדם או של אוסף, כמו <gmp-advanced-place-search> או <gmp-advanced-place-list>. כל <gmp-advanced-place-item> מציג פרטי מקום עשירים, קולאז'ים של מדיה, סיכומי עריכה וכפתורי פעולה אינטראקטיביים שמורכבים מרכיבים חזותיים משניים מ-Places UI Kit.

<gmp-advanced-place-item></gmp-advanced-place-item>

const {AdvancedPlaceItemElement} = await google.maps.importLibrary("places");

מכונות מזל
basic-section-bottom	משבצת לתוכן HTML מותאם אישית שמוצג בתחתית הקטע של המידע הבסיסי, ישירות מתחת לכפתורי הפעולה הראשיים.
basic-section-top	משבצת לתוכן HTML בהתאמה אישית שמוצג בקטע המידע הבסיסי, ישירות מעל שם המקום.

ממשק AdvancedPlaceItemElementOptions

ממשק google.maps.places.AdvancedPlaceItemElementOptions מרחיב את PlaceItemElementOptions
מוטמע על ידי AdvancedPlaceItemElement

אפשרויות לגבי AdvancedPlaceItemElement.

קבועים של PlaceSearchAttributionPosition

constants google.maps.places.PlaceSearchAttributionPosition
ספרייה "places"

מיקומי השיוך (Attribution) של PlaceSearchElement.

אפשר להשתמש בקבועים האלה גם כמחרוזות. ב-TypeScript, המחרוזות המילוליות מוגדרות לפי הסוג PlaceSearchAttributionPositionString.

const {PlaceSearchAttributionPosition} = await google.maps.importLibrary("places");

קבועים של PlaceSearchOrientation

constants google.maps.places.PlaceSearchOrientation
ספרייה "places"

וריאציות של כיוון המסך ב-PlaceSearchElement.

אפשר להשתמש בקבועים האלה גם כמחרוזות. ב-TypeScript, המחרוזות המילוליות מוגדרות לפי הסוג PlaceSearchOrientationString.

const {PlaceSearchOrientation} = await google.maps.importLibrary("places");

המחלקה PlaceSelectEvent

class google.maps.places.PlaceSelectEvent extends Event
library "places"

האירוע הזה מופעל כשנבחר מקום מרשימת מקומות. כדי לגשת לבחירה, לוחצים על event.place.

const {PlaceSelectEvent} = await google.maps.importLibrary("places");

המחלקה PlaceNearbySearchRequestElement

class google.maps.places.PlaceNearbySearchRequestElement extends HTMLElement implements PlaceNearbySearchRequestElementOptions
library "places"

מגדירה 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="value-name">
</gmp-place-nearby-search-request>

const {PlaceNearbySearchRequestElement} = await google.maps.importLibrary("places");

ממשק PlaceNearbySearchRequestElementOptions

ממשק google.maps.places.PlaceNearbySearchRequestElementOptions
מיושם על ידי PlaceNearbySearchRequestElement

אפשרויות לגבי PlaceNearbySearchRequestElement.

המחלקה PlaceTextSearchRequestElement

class google.maps.places.PlaceTextSearchRequestElement extends HTMLElement implements PlaceTextSearchRequestElementOptions
library "places"

מגדיר 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="number"
  included-type="type"
  is-open-now
  location-bias="lat,lng"
  location-restriction="southwest-lat,southwest-lng|northeast-lat,northeast-lng"
  max-result-count="number"
  min-rating="number"
  price-levels="price-level1 price-level2..."
  rank-preference="value-name"
  text-query="string"
  use-strict-type-filtering>
</gmp-place-text-search-request>

const {PlaceTextSearchRequestElement} = await google.maps.importLibrary("places");

ממשק PlaceTextSearchRequestElementOptions

ממשק google.maps.places.PlaceTextSearchRequestElementOptions
מיושם על ידי PlaceTextSearchRequestElement

אפשרויות לגבי PlaceTextSearchRequestElement.

השלמה אוטומטית class

class google.maps.places.Autocomplete extends MVCObject
library "places"

ווידג'ט שמספק חיזויים של מקומות על סמך קלט הטקסט של המשתמש. הוא מחובר לרכיב קלט מסוג text, ומאזין להזנת טקסט בשדה הזה. רשימת החיזויים מוצגת כתפריט נפתח, והיא מתעדכנת תוך כדי הזנת הטקסט.

const {Autocomplete} = await google.maps.importLibrary("places");

ממשק AutocompleteOptions

ממשק google.maps.places.AutocompleteOptions

האפשרויות שאפשר להגדיר באובייקט Autocomplete.

המחלקה SearchBox

class google.maps.places.SearchBox extends MVCObject
library "places"

ווידג'ט שמספק חיזויים של שאילתות על סמך קלט הטקסט של המשתמש. הוא מחובר לרכיב קלט מסוג text, ומאזין להזנת טקסט בשדה הזה. רשימת החיזויים מוצגת כתפריט נפתח, והיא מתעדכנת תוך כדי הזנת הטקסט.

const {SearchBox} = await google.maps.importLibrary("places");

ממשק SearchBoxOptions

ממשק google.maps.places.SearchBoxOptions

האפשרויות שאפשר להגדיר באובייקט SearchBox.

המחלקה PlaceContextualElement

class google.maps.places.PlaceContextualElement extends HTMLElement implements PlaceContextualElementOptions
library "places"

ווידג'ט שמשתמש בטוקן של הקשר כדי להציג תצוגה מותאמת מיקום של התשובה מ"עיגון בעזרת מפות Google".

<gmp-place-contextual
  context-token="string">
</gmp-place-contextual>

const {PlaceContextualElement} = await google.maps.importLibrary("places");

ממשק PlaceContextualElementOptions

ממשק google.maps.places.PlaceContextualElementOptions
מיושם על ידי PlaceContextualElement

אפשרויות לגבי PlaceContextualElement.

המחלקה PlaceContextualListConfigElement

class google.maps.places.PlaceContextualListConfigElement extends HTMLElement implements PlaceContextualListConfigElementOptions
library "places"

רכיב HTML שמגדיר אפשרויות לתצוגת הרשימה של רכיב ההקשר של המקום.

<gmp-place-contextual-list-config
  layout="value-name"
  map-hidden>
</gmp-place-contextual-list-config>

const {PlaceContextualListConfigElement} = await google.maps.importLibrary("places");

ממשק PlaceContextualListConfigElementOptions

ממשק google.maps.places.PlaceContextualListConfigElementOptions
מיושם על ידי PlaceContextualListConfigElement

אפשרויות ל-PlaceContextualListConfigElement.

ערכים קבועים של PlaceContextualListLayout

constants google.maps.places.PlaceContextualListLayout
ספרייה "places"

רשימת הפריסות שבהן הרכיב ההקשרי של המקום תומך בתצוגת הרשימה.

אפשר להשתמש בקבועים האלה גם כמחרוזות. ב-TypeScript, המחרוזות המילוליות מוגדרות לפי הסוג PlaceContextualListLayoutString.

const {PlaceContextualListLayout} = await google.maps.importLibrary("places");

המחלקה PlacePinElement

class google.maps.places.PlacePinElement extends HTMLElement implements PlacePinElementOptions
library "places"

הצגת סיכה במפה של מקום, באמצעות סמל הקטגוריה או התמונה של המקום. כדי לציין את המקום, מוסיפים PlaceDetailsPlaceRequestElement או PlaceDetailsLocationRequestElement. משתמשים בסיכה כתוכן של AdvancedMarkerElement. אין תמיכה במפות תלת-ממדיות.

דוגמה:

 <gmp-advanced-marker>
   <gmp-place-pin>
     <gmp-place-details-place-request
       place="PLACE_ID"
     ></gmp-place-details-place-request>
     <gmp-place-rating></gmp-place-rating>
   </gmp-place-pin>
 </gmp-advanced-marker> 

<gmp-place-pin
  icon="value-name"
  scale="number">
</gmp-place-pin>

const {PlacePinElement} = await google.maps.importLibrary("places");