用于以可读的格式显示时间和温度
Posted: Tue Jun 17, 2025 3:56 am
我们使用VTAP.CustomApi.Get API，通过调用 API Designer 中编写的get_weather API从 openweathermap.org 获取数据。将响应赋值给数据变量，以便通过以下方式访问：
组件处理方法
展示样本。
方法中编写了几个辅助函数。您可以
在此处查看代码。
保存并发布脚本，然后打开联系人，显示邮件发送城市后，界面会变成这样。不过，你不觉 多米尼加共和国电报数据库 得这样有点无聊吗？为什么不加个地图呢？
子图像-5
添加可视化组件 - 地图
在这个例子中，让我们添加一个 OpenStreet 地图并在地图上显示邮寄城市。
要添加 Open Road 地图，我们首先需要包含其库文件。VTAP 中的 JavaScript 库允许在运行时使用VTAP.Resource.Request API 包含任何库。
您可以在注册详情小部件时包含这些库。
2023年00月24日截图
现在我们需要在 WeatherWidgetContent 中显示地图。首先在模板中添加一个占位符，并在从 get_weather API 获取包含坐标的数据后加载它。您可以从我们的示例中获取完整的脚本，并查看其实际运行情况。
子图像-6
假设您想将此软件作为扩展模块发布，并且每个客户都希望安装此软件并使用他们自己的 openweathermap.org API 密钥。为此，我们可以使用 JavaScript 存储 API 存储客户数据，您可以在 API 设计器中使用占位符变量访问这些数据。
组件处理方法
展示样本。
方法中编写了几个辅助函数。您可以
在此处查看代码。
保存并发布脚本，然后打开联系人，显示邮件发送城市后，界面会变成这样。不过，你不觉 多米尼加共和国电报数据库 得这样有点无聊吗？为什么不加个地图呢？
子图像-5
添加可视化组件 - 地图
在这个例子中，让我们添加一个 OpenStreet 地图并在地图上显示邮寄城市。
要添加 Open Road 地图，我们首先需要包含其库文件。VTAP 中的 JavaScript 库允许在运行时使用VTAP.Resource.Request API 包含任何库。
您可以在注册详情小部件时包含这些库。
2023年00月24日截图
现在我们需要在 WeatherWidgetContent 中显示地图。首先在模板中添加一个占位符，并在从 get_weather API 获取包含坐标的数据后加载它。您可以从我们的示例中获取完整的脚本，并查看其实际运行情况。
子图像-6
假设您想将此软件作为扩展模块发布，并且每个客户都希望安装此软件并使用他们自己的 openweathermap.org API 密钥。为此，我们可以使用 JavaScript 存储 API 存储客户数据，您可以在 API 设计器中使用占位符变量访问这些数据。