Skip to content

Commit 26d349d

Browse files
committed
Add info for legacy API and corrected Arcade
1 parent f1cc2d2 commit 26d349d

File tree

2 files changed

+6
-37
lines changed

2 files changed

+6
-37
lines changed

docs/ff-integrations/maps/google-maps/generate-maps-keys.md

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -69,10 +69,7 @@ com/embed/2c644aa950c44f76b19c6787784cf3b5?sid=3e22206e-4b4b-4734-b842-0c644d32f
6969

7070
## Add Places APIs
7171

72-
To enable **Places API** in your project, please follow the steps under
73-
["Add Maps API" section](#add-maps-apis) and additionally also enable Places API from the API
74-
library if not
75-
already enabled.
72+
You can [enable the **Places API**](https://console.cloud.google.com/apis/library/places-backend.googleapis.com) from your Google Cloud Console — make sure you are in the correct Google Cloud project. **Please note** that the current [PlacePicker widget](../../maps/google-maps/place-picker-widget.md) uses the legacy Places API. We plan to update the PlacePicker widget soon to support the new API. In the meantime, ensure that the legacy Places API is enabled for full functionality.
7673

7774
![places-api.png](imgs/places-api.png)
7875

docs/ff-integrations/maps/google-maps/place-picker-widget.md

Lines changed: 5 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ Here's an example from the Demo app:
4747

4848
:::info[Prerequisites]
4949
- The Place Picker **requires a Google Maps API key**. See how to [**create and add API keys**](generate-maps-keys.md#add-maps-apis) to FlutterFlow.
50-
- Ensure you have enabled **Places API** from Cloud console. [**Check out the Setup docs.**](generate-maps-keys.md#add-places-apis)
50+
- Ensure you have enabled the [**Places API**](generate-maps-keys.md#add-places-apis) from Cloud console.
5151
- Enable **Google Maps Platform Billing** via your Cloud console. Please note: Failing to enable the Google Maps Platform Billing will not show any place in an autocomplete list.
5252
:::
5353
<figure>
@@ -98,9 +98,9 @@ If you retain the Text widget, the text will update to the name of the selected
9898
<figcaption class="centered-caption">The widget properties of Place Picker widget</figcaption>
9999
</figure>
100100

101-
## Use PlacePicker widget state values
101+
## Use PlacePicker Values
102102

103-
The values associated with the selected place are stored in a `GooglePlace` custom data type exposed by FlutterFlow. It holds fields such as the selected place's Name, Address, LatLng, City, State, Country, and Zipcode. Users can use these values in any widget, either to directly set them in a Text widget or for further conditional calculations.
103+
The selected place’s details are stored in a `GooglePlace` custom data type provided by FlutterFlow. You can access this via **Widget State > placePickerValue**, which includes fields like name, address, latitude/longitude (LatLng), city, state, country, and ZIP code. These values can be used to display content in Text widgets or perform conditional logic based on the selected location.
104104

105105
<div style={{
106106
position: 'relative',
@@ -109,7 +109,7 @@ The values associated with the selected place are stored in a `GooglePlace` cust
109109
width: '100%'
110110
}}>
111111
<iframe
112-
src="https://demo.arcade.software/uWaLSOHPZctjnGik03Pu?embed&show_copy_link=true"
112+
src="https://demo.arcade.software/oje0Gsbf9IJh7M0pb6Tv?embed&show_copy_link=true"
113113
title="Use PlacePicker widget state"
114114
style={{
115115
position: 'absolute',
@@ -128,32 +128,4 @@ The values associated with the selected place are stored in a `GooglePlace` cust
128128
</iframe>
129129
</div>
130130

131-
<p></p>
132-
Let's test this change in Test Mode:
133-
134-
<div style={{
135-
position: 'relative',
136-
paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
137-
height: 0,
138-
width: '100%'
139-
}}>
140-
<iframe
141-
src="https://demo.arcade.software/2ncapOklwNGM3ETCntdl?embed&show_copy_link=true"
142-
title="Place Picker Test"
143-
style={{
144-
position: 'absolute',
145-
top: 0,
146-
left: 0,
147-
width: '100%',
148-
height: '100%',
149-
colorScheme: 'light'
150-
}}
151-
frameborder="0"
152-
loading="lazy"
153-
webkitAllowFullScreen
154-
mozAllowFullScreen
155-
allowFullScreen
156-
allow="clipboard-write">
157-
</iframe>
158-
</div>
159-
131+
<p></p>

0 commit comments

Comments
 (0)