javascript - 如何在 Vaadin 7 中使用 javascript 组件内的图像

Question

我的项目使用 Vaadin 7 框架。

我必须显示一个由 javascript api(例如 openlayers 或其他)控制的 map (例如 google map )。

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

它工作得很好:当我启动应用程序时，我的 map 已很好地初始化(使用组件提供的 JavaScript 代码进行初始化)并且也很好地显示。

但是，为了获得良好的用户界面，我想在 map 上显示一些 POI(兴趣点)功能的图像图标。因此，在控制 map 的 JavaScript 代码中，我必须引用图像路径。但无论我将图像文件放在 Vaadin 项目中的哪个位置，部署应用程序时都无法通过 javascript 代码访问它。

如何从服务器“发布”一些图像文件，以便 JavaScript 代码(客户端)可以访问它？

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

感谢您的帮助。

Answer 1

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

访问图像