通过自适应卡片扩展中卡片反转器卡的属性窗格浏览地理位置功能
在本教程中,我们将了解如何使用卡片设计器卡的属性窗格来探索地理位置操作。
我们会的:
- 更新卡字符串
- 在“卡片视图”、“主按钮”和“辅助”按钮上引入地理位置操作
首先,确定要用于测试的 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
实际上是一个无操作操作。