如何使用 Vaadin 7 在 javascript 组件中使用图像答案

【问题标题】：How to use image inside javascript component with Vaadin 7如何使用 Vaadin 7 在 javascript 组件中使用图像
【发布时间】：2016-10-02 12:49:11
【问题描述】：

我的项目使用 Vaadin 7 框架。

我必须显示由 javascript api（如 openlayers 或其他）控制的地图（如谷歌地图）。

我知道我必须使用扩展 AbstractJavaScriptComponent 的组件才能发布必要的 JavaScript 文件，以使用 @JavaScript 注释控制和创建地图。

它运行良好：当我启动应用程序时，我的地图已很好地初始化（使用组件提供的我的 javascript 代码初始化）并且也很好地显示。

但是，为了获得良好的用户界面，我想在地图上显示一些 POI（兴趣点）功能的图像图标。所以在控制地图的javascript代码中，我必须引用图像路径。但是，无论我将图像文件放在我的 Vaadin 项目中的什么位置，在部署我的应用程序时都无法从 javascript 代码中访问它。

如何从服务器“发布”一些图像文件以供 javascript 代码（客户端）访问？

我尝试在@Javascript 注释中添加图像文件，但没有成功。

感谢您的帮助。

【问题讨论】：

【解决方案1】：

您好，我很容易解决了这个问题。 VAADIN 文件夹自动从服务器公开，客户端可以访问。因此，我将图像放在 VAADIN 文件夹中，在 javascript 客户端中，我能够使用路径 /VAADIN/image_file_name.png 访问图像

【讨论】：

【解决方案2】：

您应该查看GoogleMaps Add-on，它出色地封装了许多 google maps JS API 函数。

【讨论】：