2016-10-02 7 views
0

私は自分のプロジェクトにVaadin 7フレームワークを使用します。Vaadin 7でjavascriptコンポーネント内の画像を使用する方法

javascript API(openlayersなど)によって制御されるマップ(Googleマップなど)を表示する必要があります。

@JavaScriptアノテーションを使用してマップを制御および作成するために必要なjavascriptファイルを公開できるように、AbstractJavaScriptComponentを拡張するコンポーネントを使用する必要があることを理解しました。

これはうまくいきます:私がアプリケーションを起動すると、私のマップはよく初期化されています(コンポーネントに付属のJavaScriptコードで初期化されます)。

しかし、良いユーザーインターフェイスのために、いくつかのPOI(Point Of Interest)機能のいくつかの画像アイコンを地図上に表示したいと思います。マップを制御するjavascriptコードでは、画像パスを参照する必要があります。 しかし、どこのVaadinプロジェクトにイメージファイルを置いても、アプリケーションがデプロイされたときにjavascriptコードから到達できません。

JavaScriptファイル(クライアント側)で到達できるように、サーバーから画像ファイルを「公開」するにはどうすればよいですか?

画像ファイルを@Javascriptアノテーションに追加しようとしましたが、機能しませんでした。

ありがとうございました。

答えて

1

こんにちは私は簡単に問題を解決しました。 VAADINフォルダーはサーバーから自動的に公開され、クライアントがアクセスできます。そこで私は自分のイメージをVAADINフォルダに入れ、JavaScriptクライアント側では/VAADIN/image_file_name.pngというパスで画像にアクセスできました

0

あなたはgoogleをすごく詰め込んだGoogleMaps Add-onをチェックしてくださいJS API関数をマップします。

関連する問題