問題タブ [angular-openlayers]
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.
angularjs - Angular OpenLayers - ベクター レイヤーの作成
angular-openlayers-ディレクティブを使用してベクターレイヤーを作成しようとしています。しかし、このエラーが返され続けます:
これは、コントローラーでマップを構成するために使用しているコードです。
これが HTML です。
マップにベクター レイヤーを追加するのが難しいのはなぜですか。後から機能を追加したり削除したりしたいだけなので、GeoJSON レイヤーを使用する意味はあまりありません。これは、例でかなり多く見てきました。
ベクター レイヤーをマップに追加するにはどうすればよいですか? このベクターレイヤーに機能を手動で追加するにはどうすればよいですか? これらはすべてAngularを使用しています。
javascript - Angular でファクトリに座標を非同期的にロードする
ファクトリへの呼び出しが、マップ コントローラーですぐに返されます。マップの中心を設定しようとしていますが、geo の呼び出しが undefined を返すため、中心が設定されません。ただし、座標はジオ ファクトリで取得されます。彼らは遅すぎます。
.then() のポイントは、日付が返されるのを待つことだと思いました。では、アプリを強制的に待機させるにはどうすればよいでしょうか?
私の工場は:
私のマップコントローラーは次のように呼び出します:
angularjs - Angular OpenLayers - マーカーのサイズ
マーカーのカスタム アイコンの画像サイズを変更することはできますか? このようにスタイルサイズの内側を設定すると
12px x 12px のマーカー サイズのみを変更しますが、内部の画像は元のサイズのままです。ディレクティブを使用してマーカーに使用している画像のサイズを変更できますか?
openlayers-3 - Angular OpenLayers - 境界のあるボックスにズーム
境界のあるボックスにマップをズームする方法を見つけようとしましたが、良い例が見つかりませんでした。で試しました
4つの境界を(中心、ズーム)に複雑に変換することなく、境界ボックスにズームするようにマップを設定するにはどうすればよいですか?
angularjs - Openstreetmap をダブルクリックして座標を取得するには?
javascript - angularjs-openlayers-directiveを使用してマーカーのポップアップにフォームを表示するには?
angular-openlayers-directiveを使用しており、フォームを表示してフォームから入力を取得したいと考えています。
ラベル メッセージをフォーム テンプレートに変更しようとしましたが、フォームの代わりに、何も含まれていない小さなポップアップのみが表示されます。
javascript - Openlayers - インタラクション クリック ハンドラと DrawEnd
DrawEnd
イベントとイベントに問題がありOnClick
ます。singleClick
条件をに変更しようとしましたがclick
、削除しました。
- インタラクションに条件が追加された場合、
DrawEnd
呼び出されません (DrawEnd
ポイントを配置する必要があります) - 条件を削除すると、クリック ハンドラは呼び出されませんが、呼び出されます
DrawEnd
。
クリックは処理されないため、ある種のパン モードに移行したように見え、マウスを動かすとマップが移動します。
私のプロセスはこれです..
ユーザーがポイントを追加するためにクリックすると、ポイントの属性画面が表示されます。
ユーザーが属性を入力すると、画面が消え、ポイントをドロップできます。
ポイントが配置されると、何かを行うためにサービスが呼び出されます
サービスが悪いと判断した場合は、マップから自動的に削除されます。
draw = new ol.interaction.Draw({ source : addrVectorSource, type: "Point", //condition: ol.events.condition.singleClick });
on drawend 関数でエラーが発生しているようです。
ol-debug.js:99465 Uncaught TypeError: this.source_.addFeature は関数ではありません