Merge pull request #3795 from MicrosoftDocs/iawilt-pin-cards

PMR - add card info

Author: iaanw

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

@@ -133,6 +133,33 @@ Coho Winery (sample) | -116.97751 | 32.87466 | |
 
 
 
+
+### Add informational cards to pins
+
+You can add informational cards to each pin on the map. 
+
+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).
+
+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.
+
+**To add informational cards to pins:**
+
+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).
+
+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.
+
+    :::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.":::
+
+3. In the **Properties** pane, next to **Fields**, select **Edit**.
+
+4. Select **Add field**, and then select each of the fields you want to show in the card. Select **Add**.
+
+    :::image type="content" source="media/geospatial/map-choose-fields.png" alt-text="Screenshot showing the field selection options.":::
+
+5. Each pin will now show the fields associated with that pin in an informational card.
+
+    :::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.":::
+
 ### Properties
 
 The following properties can be defined and configured in the component's **Properties** pane.