Блог

Я использую фреймворк Vaadin 7 для своего проекта.

Я должен отобразить карту (например, Google map), которая управляется javascript api (например, openlayers или другими).

Я понял, что мне пришлось использовать компонент, который расширяет AbstractJavaScriptComponent, чтобы иметь возможность публиковать необходимый файл javascript для управления и создания карты с помощью аннотации @JavaScript.

Это работает хорошо: когда я запускаю приложение, моя карта хорошо инициализирована (инициализирована моими кодами javascript, поставляемыми с компонентом) и также хорошо отображается.

Однако для хорошего пользовательского интерфейса я хотел бы отобразить на карте некоторые значки изображений для некоторых функций POI (точки интереса). Итак, в коде javascript, который управляет картой, я должен ссылаться на путь к изображению. Но независимо от того, куда я помещаю файл изображения в свой проект Vaadin, он недоступен из кода javascript при развертывании моего приложения.

Как я могу «опубликовать» некоторые файлы изображений с сервера, чтобы они были доступны с помощью кода javascript (на стороне клиента)?

Я попытался добавить файл изображения в аннотацию @Javascript, но это не сработало.

Спасибо за вашу помощь.

Привет, я легко решил проблему. папка VAADIN автоматически открывается с сервера и может быть доступна клиенту. Итак, я поместил свои изображения в папку VAADIN, и на стороне клиента javascript я смог получить доступ к изображениям по пути /VAADIN/image_file_name.png

Вы должны проверить дополнение GoogleMaps, в котором блестяще реализованы многие функции JS API Google maps.