問題タブ [openlayers-5]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - angular および openlayers で、マップ ポイントの名前を動的に設定します。
angular6 と openlayers5 を使用しています。
シナリオは、ユーザーが検索を行い、一部のフィーチャがデータベースから取得され、OL ベクター レイヤーにレンダリングされるというものです。この時点で、地物にはデータベース (postgresql) に由来する名前が既に付けられているため、地図上にレンダリングされたときの名前になります。
その後、ユーザーはそれらのいずれかをクリックして編集できます。機能の名前を含むテキストフィールドがありますが、編集できます。
テキストフィールドの名前が編集されている間に、マップ上のフィーチャの名前を編集したいと思います。現在、テキスト フィールドで名前を編集していますが、マップ上の名前は変更されず、ユーザーを混乱させることは間違いありません。
私が今持っているもの。検索のたびに GeoJSON を取得し、レイヤーに配置します。
機能をクリックすると、その名前が取得され、オブジェクトに配置されます。
次に、データベースからその機能のすべての追加の詳細を取得し、値でリセットすることにより、それらを角度のあるリアクティブ形式にする関数があります
最後に、これはマップ上のフィーチャのテキストを処理するフィーチャ スタイリング関数です (元の OL の例に触発されています)。
私は何かをやってみました
ただし、テキストフィールドの編集が行われているため、マップ上の名前は更新されません。
どうすればこれを修正できますか?
ありがとう