通过自适应卡片扩展中卡片反转器卡的属性窗格浏览地理位置功能

在本教程中,我们将了解如何使用卡片设计器卡的属性窗格来探索地理位置操作。

我们会的:

  • 更新卡字符串
  • 在“卡片视图”、“主按钮”和“辅助”按钮上引入地理位置操作

首先,确定要用于测试的 SharePoint 租户和网站 URL 的域,并访问workbench.aspx页。 例如:https://contoso.sharepoint.com/sites/devsite/_layouts/workbench.aspx

在此处,单击页面中间的“+”图标,并在画布上添加card-designer卡。

接下来,单击此卡旁边的铅笔图标以打开属性窗格。

更新卡字符串

在这里,首先将card size设置为Large

若要提供描述性标签,请将 Title 更改为 GeoLocation,将 Heading 更改为 GeoLocation Demo ,并将 description 更改为 Demo GeoLocation Actions

在卡片设计器卡的属性窗格中添加字符串

在卡片视图上添加操作

在“Actions下,单击card action的下拉菜单,然后选择Select location from a map选项。

将点击操作设置为 ”从地图中选择位置>从卡视图的下拉菜单

在主按钮上添加操作

接下来,对于 Primary Button, 将Title设置为My Location,然后从其操作下拉菜单中选择Display a specified or current location

将单击操作设置为“显示指定位置或当前位置”>从主按钮的下拉菜单

在“辅助”按钮上添加操作

最后,对于 Secondary Button, 将Title设置为Custom Location,然后从其操作下拉菜单中选择“Display a specified or current location

接下来,打开Display a specified location切换按钮。

这将为位置坐标显示两个文本框。

可在此处提供所选的任何位置坐标。

在本示例中,我们将 27.98884062493244 作为标记为 latitude 的文本框的值,并 86.9249751 标记为 longitude的文本框。 这些是所需坐标。

从辅助按钮的下拉菜单中将单击操作设置为“显示指定或当前位置”,并在相应的位置文本框中传递您选择的坐标

尝试地理位置操作

现在关闭属性窗格,然后单击页面右上角的Preview

  • 单击卡片本身,从地图中选择一个位置
  • 单击My location将打开显示当前位置的地图
  • 单击Show custom location将打开显示您的自定义位置(珠穆朗玛峰)的地图

现在可以查看通过属性窗格引入的三个地理位置操作。

配置了地理位置操作的卡片设计器卡

注意

此属性窗格体验不允许引入 onAction 回调,因此操作 Select location from a map 实际上是一个无操作操作。