Skip to content

Commit d0fc09e

Browse files
Merge pull request #2936 from MicrosoftDocs/iawilt-geospat
add geo topics
2 parents 836cca5 + ea22eba commit d0fc09e

16 files changed

+2099
-1720
lines changed

powerapps-docs/maker/TOC.yml

Lines changed: 1725 additions & 1717 deletions
Large diffs are not rendered by default.
Lines changed: 152 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,152 @@
1+
---
2+
title:
3+
description:
4+
author: iaanw
5+
manager: shellha
6+
ms.service: powerapps
7+
ms.topic: conceptual
8+
ms.custom: canvas
9+
ms.reviewer: tapanm
10+
ms.date: 6/01/2020
11+
ms.author: iawilt
12+
search.audienceType:
13+
- maker
14+
search.app:
15+
- PowerApps
16+
ms.custom: ceX
17+
---
18+
19+
# Address input component
20+
21+
Entering addresses can be frustrating and error prone, particularly in mobile scenarios.
22+
23+
The address input component lets you see dynamic address suggestions as you type. Using fuzzy matching logic, the component suggests multiple potential address matches that the user can select – making it quicker and easier to enter accurate addresses.
24+
25+
The component returns the address as structured data, allowing your application to extract information like city, street, municipality, and even latitude and longitude. The data is in a format friendly to many locales and international address formats.
26+
27+
To use the component, you need to [enable the geospatial features for the environment](geospatial-overview.md#enable-the-geospatial-features-for-the-environment) as well as [enable the geospatial features for each app](geospatial-overview.md#enable-the-geospatial-features-for-each-app) that you want to use it in.
28+
29+
Make sure to also [review the prerequisites for using geospatial components](geospatial-overview.md#prerequisites).
30+
31+
## Use the component
32+
33+
Insert the component into your app as you normally would for any other control or component.
34+
35+
With an app open for editing in [Power Apps Studio](https://create.powerapps.com):
36+
37+
1. Open the **Insert** tab.
38+
39+
2. Expand **Input**.
40+
41+
3. Select the component **Address input (preview)** to place it in the center of the app screen, or drag and drop it to position it anywhere on the screen.
42+
43+
4. (Optional) Select **Allow** on the prompt that asks to know your ___location. This enables the component to bias results by the user's current ___location.
44+
45+
![Allow highlighted on the window that asks to know your ___location](./media/geospatial/address-allow.png "Allow highlighted on the window that asks to know your ___location")
46+
47+
You can modify the component with a number of properties.
48+
49+
### Properties
50+
51+
The following properties are on the component's **Address Input** pane on the **Properties** and **Advanced** tabs.
52+
53+
![The properties are in the side panel](./media/geospatial/address-properties.png "The properties are in the side panel")
54+
55+
Some properties are only available in the **Advanced** tab, under the **More options** section.
56+
57+
Property | Description | Type | Location
58+
- | - | - | -
59+
Enable autofill | Whether the component gives address suggestions. | Boolean | Properties
60+
Search result limit | The number of suggested addresses the component displays. | Integer | Properties
61+
Search within radius | Whether the component should suggest addresses within the user-defined **Radius** of the **Latitude** and **Longitude**. | Boolean | Properties
62+
Latitude | The latitude of the center point used to geobias address suggestions. Requires **Search within radius** to be on. | Decimal between -180 and 180 | Properties
63+
Longitude | The longitude of the center point used to geobias address suggestions. Requires **Search within radius** to be on. | Decimal between -180 and 180 | Properties
64+
Radius | The radius in meters around the **Latitude** and **Longitude** to constrain the address suggestions. Requires **Search within radius** to be on. | Decimal | Properties
65+
Language | The language the address suggestions are returned in | String | Properties
66+
Country set | Comma separate list of countries to constrain the address suggestions to, in ISO 3166 alpha-2 country codes, for example, "US, FR, KW". | String | Properties
67+
68+
### Additional properties
69+
70+
**[Default](./controls/properties-core.md)** – The initial value of a control before it is changed by the user.
71+
72+
**[Text](./controls/properties-core.md)** – Text that appears on a control or that the user types into a control.
73+
74+
**[BorderColor](./controls/properties-color-border.md)** – The color of a control's border.
75+
76+
**BorderRadius** – The radius of a control's border.
77+
78+
**[BorderStyle](./controls/properties-color-border.md)** – Whether a control's border is **Solid**, **Dashed**, **Dotted**, or **None**.
79+
80+
**[BorderThickness](./controls/properties-color-border.md)** – The thickness of a control's border.
81+
82+
**[Color](./controls/properties-color-border.md)** – The color of text in a control.
83+
84+
**[DisplayMode](./controls/properties-core.md)** – Whether the control allows user input (**Edit**), only displays data (**View**), or is disabled (**Disabled**).
85+
86+
**[DisabledBorderColor](./controls/properties-color-border.md)** – The color of a control's border if the control's **[DisplayMode](./controls/properties-core.md)** property is set to **Disabled**.
87+
88+
**[DisabledColor](./controls/properties-color-border.md)** – The color of text in a control if its **[DisplayMode](./controls/properties-core.md)** property is set to **Disabled**.
89+
90+
**[DisabledFill](./controls/properties-color-border.md)** – The background color of a control if its **[DisplayMode](./controls/properties-core.md)** property is set to **Disabled**.
91+
92+
**[Fill](./controls/properties-color-border.md)** – The background color of a control.
93+
94+
**[FocusedBorderColor](./controls/properties-color-border.md)** – The color of a control's border when the control is focused.
95+
96+
**[FocusedBorderThickness](./controls/properties-color-border.md)** – The thickness of a control's border when the control is focused.
97+
98+
**[Font](./controls/properties-text.md)** – The name of the family of fonts in which text appears.
99+
100+
**[FontWeight](./controls/properties-text.md)** – The weight of the text in a control: **Bold**, **Semibold**, **Normal**, or **Lighter**.
101+
102+
**[Height](./controls/properties-size-___location.md)** – The distance between a control's top and bottom edges.
103+
104+
**HintText** – Light-grey text that appears in an input-text control if it's empty.
105+
106+
**[HoverBorderColor](./controls/properties-color-border.md)** – The color of a control's border when the user keeps the mouse pointer on that control.
107+
108+
**[HoverColor](./controls/properties-color-border.md)** – The color of the text in a control when the user keeps the mouse pointer on it.
109+
110+
**[HoverFill](./controls/properties-color-border.md)** – The background color of a control when the user keeps the mouse pointer on it.
111+
112+
**[Italic](./controls/properties-text.md)** – Whether the text in a control is italic.
113+
114+
**[LineHeight](./controls/properties-text.md)** – The distance between, for example, lines of text or items in a list.
115+
116+
**[OnChange](./controls/properties-core.md)** – How the app responds when the user changes the value of a control (for example, by adjusting a slider).
117+
118+
**[PaddingBottom](./controls/properties-size-___location.md)** – The distance between text in a control and the bottom edge of that control.
119+
120+
**[PaddingLeft](./controls/properties-size-___location.md)** – The distance between text in a control and the left edge of that control.
121+
122+
**[PaddingRight](./controls/properties-size-___location.md)** – The distance between text in a control and the right edge of that control.
123+
124+
**[PaddingTop](./controls/properties-size-___location.md)** – The distance between text in a control and the top edge of that control.
125+
126+
**[PressedBorderColor](./controls/properties-color-border.md)** – The color of a control's border when the user taps or clicks that control.
127+
128+
**[PressedColor](./controls/properties-color-border.md)** – The color of text in a control when the user taps or clicks that control.
129+
130+
**[PressedFill](./controls/properties-color-border.md)** – The background color of a control when the user taps or clicks that control.
131+
132+
**[Size](./controls/properties-text.md)** – The font size of the text that appears on a control.
133+
134+
**[Strikethrough](./controls/properties-text.md)** – Whether a line appears through the text that appears on a control.
135+
136+
**[TabIndex](./controls/properties-accessibility.md)** – Keyboard navigation order in relation to other controls.
137+
138+
**[Tooltip](./controls/properties-core.md)** – Explanatory text that appears when the user hovers over a control.
139+
140+
**[Underline](./controls/properties-text.md)** – Whether a line appears under the text that appears on a control.
141+
142+
**[Visible](./controls/properties-core.md)** – Whether a control appears or is hidden.
143+
144+
**[Width](./controls/properties-size-___location.md)** – The distance between a control's left and right edges.
145+
146+
**[X](./controls/properties-size-___location.md)** – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).
147+
148+
**[Y](./controls/properties-size-___location.md)** – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).
149+
150+
## Other geospatial components
151+
152+
- Visualize and interpret ___location data with the **[Interactive map](geospatial-component-map.md)** component.
Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
1+
---
2+
title:
3+
description:
4+
author: iaanw
5+
manager: shellha
6+
ms.service: powerapps
7+
ms.topic: conceptual
8+
ms.custom: canvas
9+
ms.reviewer: tapanm
10+
ms.date: 6/01/2020
11+
ms.author: iawilt
12+
search.audienceType:
13+
- maker
14+
search.app:
15+
- PowerApps
16+
ms.custom: ceX
17+
---
18+
19+
20+
# Interactive map component
21+
22+
Easily bring dynamic mapping capabilities into your canvas apps by viewing the physical position of entities from a data source, or by inputting new physical locations.
23+
24+
Pan, tilt, zoom, and drag to center your map view. As you zoom out, the markers will optionally cluster to represent dense groups of data.
25+
26+
The current ___location of the user can also be represented on the map on mobile devices or web experiences.
27+
28+
The map component also supports road and satellite views.
29+
30+
![](./media/augmented-geospatial/geospatial-map-component.png)
31+
32+
To use the component, you need to [enable the geospatial features for the environment](geospatial-overview.md#enable-the-geospatial-features-for-the-environment) as well as [enable the geospatial features for each app](geospatial-overview.md#enable-the-geospatial-features-for-each-app) that you want to use it in.
33+
34+
Make sure to also [review the prerequisites for using geospatial components](geospatial-overview.md#prerequisites).
35+
36+
## Use the component
37+
38+
Insert the component into your app as you normally would for any other control or component.
39+
40+
With an app open for editing in the [Power Apps studio](https://create.powerapps.com):
41+
42+
1. Open the **Insert** tab.
43+
2. Expand **Media**.
44+
3. Select the component **Map** to place it in the center of the app screen, or drag and drop it to position it anywhere on the screen.
45+
4. (Optional) Select **Allow** on the prompt that asks to know your ___location. This enables the component to display the user's current ___location.
46+
47+
![Allow highlighted on the window that asks to know your ___location](./media/geospatial/address-allow.png "Allow highlighted on the window that asks to know your ___location")
48+
49+
You can modify the component with a number of properties.
50+
51+
### Properties
52+
53+
The following properties can be defined and configured in the component's **Properties** pane.
54+
55+
![](./media/augmented-geospatial/geospatial-controls.png)
56+
57+
Note that some properties are only available in the **Advanced** tab on the **Properties** pane, under the **More options** button.
58+
59+
Property | Description | Type | Location
60+
- | - | - | -
61+
Data source(Items) | Data source (table) that lists a pre-defined set of longitudes and latitudes to display as map pin on the map when it's loaded. Map each of the columns in your data with the *ItemAddresses*, *ItemLongitudes*, *ItemLatitudes*, and *ItemLabels*. | Not applicable | Properties
62+
Use default ___location | Whether the map initializes at a default ___location set by the user or not. | Boolean | Properties
63+
Default longitude | Longitude at which the map would go to when it's loaded if **Use default ___location** is enabled. | Floating point number | Properties
64+
Default latitude | Latitude at which the map would go to when it's loaded if **Use default ___location** is enabled. | Floating point number | Properties
65+
Default zoom level | Zoom level at which the map would be set to when it's loaded if **Use default ___location** is enabled. | Integer | Properties
66+
Show current ___location | Whether the map should display the current ___location of the user (if it has permission). | Boolean | Properties
67+
Satellite view | Whether the style of the map is a satellite view or a road view. | Boolean | Properties
68+
Cluster pins | Whether the map pins are clustered or not. | Boolean | Properties
69+
Zoom control | Whether the zoom component appears on the map or not. | Boolean | Properties
70+
Compass control | Whether the compass component appears on the map or not. | Boolean | Properties
71+
Pitch control | Whether the pitch component appears on the map or not. | Boolean | Properties
72+
Pin color | The color of the pins. | Color picker | Properties
73+
Maximum map pins | Maximum number of pins displayed on the map. | Integer | Properties
74+
ItemsLabels | A column in Items with the strings you want to use as labels for the pins. | TableName.ColumnName | Advanced
75+
ItemsAddresses | A column in Items with the strings that represent the ___location of the pins. Does not work with **ItemsLongitudes** or **ItemsLatitudes**. | TableName.ColumnName | Advanced
76+
ItemsLongitudes | Name of the column in the table in your data source with floating-point numbers that represent the longitude position of the pins. Does not work with **ItemsAddresses**. | TableName.ColumnName | Advanced
77+
ItemsLatitudes | Name of the column in the table in your data source with floating-point numbers that represent the latitude position of the pins. Does not work with **ItemsAddresses**. | TableName.ColumnName | Advanced
78+
Items_Items | Name of the table in your data source that contains all the records that you want to plot in the map using pins. Each row must have an entry for the label, longitude, and latitude for each row. | TableName | Advanced
79+
80+
### Additional properties
81+
82+
**[BorderColor](./controls/properties-color-border.md)** - The color of a control's border.
83+
84+
**BorderRadius** - The radius of a control's border.
85+
86+
**[BorderStyle](./controls/properties-color-border.md)** - Whether a control's border is **Solid**, **Dashed**, **Dotted**, or **None**.
87+
88+
**[BorderThickness](./controls/properties-color-border.md)** - The thickness of a control's border.
89+
90+
**[Color](./controls/properties-color-border.md)** - The color of text in a control.
91+
92+
**[DisplayMode](./controls/properties-core.md)** - Whether the control allows user input (**Edit**), only displays data (**View**), or is disabled (**Disabled**).
93+
94+
**[Height](./controls/properties-size-___location.md)** - The distance between a control's top and bottom edges.
95+
96+
**[TabIndex](./controls/properties-accessibility.md)** - Keyboard navigation order.
97+
98+
**[Tooltip](./controls/properties-core.md)** - Explanatory text that appears when the user hovers over a control.
99+
100+
**Transparency** - How transparent the component is as a percentage.
101+
102+
**[Visible](./controls/properties-core.md)** - Whether a control appears or is hidden.
103+
104+
**[Width](./controls/properties-size-___location.md)** - The distance between a control's left and right edges.
105+
106+
**[X](./controls/properties-size-___location.md)** - The distance between the left edge of a control and the left edge of its parent container (or the screen if there's no parent container).
107+
108+
**[Y](./controls/properties-size-___location.md)** - The distance between the top edge of a control and the top edge of the parent container (or the screen if there's no parent container).
109+
110+
## Other geospatial components
111+
112+
- See dynamic address suggestions as you type with the **[Address input](geospatial-component-input-address.md)** component.

0 commit comments

Comments
 (0)