vuejsアプリケーションにopenlayersを統合

Question

Hy男、

誰かがVuejsアプリケーションでOpenlayersを統合した経験がありますか？

私はVuejsアプリにいくつかのレイヤーを表示する必要があります。

乾杯、

Answer 1

はい、私は現在、アプリはフォームや（グーグルマップのルーティング機能に類似）はほぼフルスクリーンマップを持ってVuejsとOpenLayersを4で既存のアプリケーションを書き換えています。

OL npm libは、OpenLayersをES2015ファイルとして公開します。これは、共通のvuejs設定でうまく動作します。 マップオブジェクトをmounted()に初期化し、プロパティとして格納するラッパーコンポーネントを作成しました。

OLは、コンポーネントのプロパティで伝播された変更を取得しないため、プロパティ（またはイベントハンドラ）でwatchersを使用して、何か変更が発生したときにOL関数を呼び出す必要があります。

私が持っていた1つの問題は、サイドパネルが開いたり閉じたりしてマップのビューポートが変更されたときの地図の歪みでした。イベントを聞いてmap.updateSize()に電話して解決しました。

vuejsのOLプラグインでさえ、vuejs-openlayers です。とにかく、OLの統合は非常に簡単だったので、私はそれをテストしなかった。