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

标签 javascript java image google-maps vaadin

我的项目使用 Vaadin 7 框架。

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

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

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

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

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

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

感谢您的帮助。

最佳答案

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

访问图像

关于javascript - 如何在 Vaadin 7 中使用 javascript 组件内的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39817177/

相关文章:

javascript - 在评论投票系统中使用一张图像加载器 gif

javascript - Node.js 使用 Socket.io 和 Http 从 Express 读取发布数据

java - 混合java版本JTable

java - 从 java 调用简单的 shell 脚本不起作用

ios - 使用 uiscrollview 进行图像缩放无法正常工作。 swift

ios - Swift Firebase 为 UIActivityViewController 附加图像

javascript - 从 AngularJS 中的多个复选框获取值

javascript - 如何构造一个将在多个页面上使用的 AngularJS 函数?

java - 使用工厂方法理解像 JDBC 这样的服务提供者框架背后的概念

java - 是否可以从其字节数组内容中找到图像文件扩展名?