Skip to content

Commit fbe139e

Browse files
author
Iaan D'Souza-Wiltshire
committed
add card info
1 parent 5001155 commit fbe139e

File tree

5 files changed

+28
-0
lines changed

5 files changed

+28
-0
lines changed

.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,3 +17,4 @@ powerapps-docs/.vs/powerapps-docs/v15/.suo
1717
powerapps-docs/.vs/ProjectSettings.json
1818
powerapps-docs/.vs/slnx.sqlite
1919
powerapps-docs/.vs/VSWorkspaceState.json
20+
/.vs/slnx.sqlite-journal

powerapps-docs/maker/canvas-apps/geospatial-component-map.md

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -121,6 +121,33 @@ Coho Winery (sample) | -116.97751 | 32.87466
121121

122122
![](./media/geospatial/map-expanded.png)
123123

124+
125+
### Add informational cards to pins
126+
127+
You can add informational cards to each pin on the map.
128+
129+
When a user selects the pin (either by hovering over it or selecting it directly), a small card will pop-up with information taken from the dataset you bound to the component, as described in the section [Use the map component with data from Excel](#use-the-map-component-with-data-from-excel).
130+
131+
Any column you add to the table in the data source (for example, the Excel table) will be available as a field to show on the card.
132+
133+
**To add informational cards to pins:**
134+
135+
1. First, insert the map component and bind a dataset to it as described in [Use the map component with data from Excel](#use-the-map-component-with-data-from-excel).
136+
137+
2. In the **Properties** pane, select **Show info cards** and choose whether they should appear when a user hovers over the pin, or if the user has to select the pin.
138+
139+
:::image type="content" source="media/geospatial/map-info-card-type.png" alt-text="Screenshot of the properties pane showing the drop-down selection menu to show the cards on hover or on click.":::
140+
141+
3. In the **Properties** pane, next to **Fields**, select **Edit**.
142+
143+
4. Select **Add field**, and then select each of the fields you want to show in the card. Select **Add**.
144+
145+
:::image type="content" source="media/geospatial/map-choose-fields.png" alt-text="Screenshot showing the field selection options.":::
146+
147+
Each pin will now show the fields associated with that pin in a pop-up card.
148+
149+
:::image type="content" source="media/geospatial/map-info-card-example.png" alt-text="Screenshot of the map component with an info card on top of a pin, showing information such as Name, Occupancy, and Phone.":::
150+
124151
### Properties
125152

126153
The following properties can be defined and configured in the component's **Properties** pane.
Loading
Loading
Loading

0 commit comments

Comments
 (0)