問題タブ [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.

0 投票する
0 に答える
217 参照

openlayers-3 - stopevents を false に設定してオーバーレイ クリックを処理する

  • angular-js と openlayers3 に基づく Web アプリがあります。
  • 「stopEvent : false」のオーバーレイ (ポップアップ) があります。
  • そのオーバーレイ内の要素に ng-click を設定しました

イベントはデスクトップでは正しく発生します (スマートフォンの解像度であっても、css と html 要素のオーバーラップの可能性は問題になりません) が、Android フォンではそのイベントは発生しません。

この問題について何か提案はありますか?

0 投票する
2 に答える
374 参照

javascript - 実行時の maxZoom オプションを angular-openlayers-directive の ol.View に変更します

openlayers3 を使用して実行時に maxZoom を変更するためにこの質問を投稿しましたが、これは完璧に機能します。

ただし、angular-openlayers-ディレクティブを使用してこのソリューションを統合しようとすると、マップが消えます。ここでは、Plunker のデモが失敗しています。新しいディレクティブを作成しようとしましたが、うまくいきませんでした。

これを統合する方法と、Plunker デモで機能させることができるかどうかについての提案は素晴らしいでしょう.

0 投票する
1 に答える
4677 参照

openlayers - OpenLayers 3 Map の上に静止画像オーバーレイを配置する方法

OpenLayers 3 を使用して、Angular/Ionic モバイル アプリで屋内マップを表示しています。マップは、OpenLayers マップの上に配置する静的イメージです。

マップを作成し、以下のように画像レイヤーを追加しています。

上記のコードは、マップの上に画像を表示しますが、適切に配置されていません。

建物の上に静止画像が表示されていますが、適切に配置されていません。

私は、OpenLayers では、画像を含む範囲を設定し、マップ上の画像の位置を決定する必要があるという仮定に取り組んでいます。

これに基づいて:

  1. 画像の 4 隅の座標がわかっている場合、画像の実際の範囲をどのように決定すればよいでしょうか?

  2. 建物のフロア マップを実際に建物の上に配置するにはどうすればよいでしょうか。

建物は実際には左に回転しています。Google マップのスクリーンショットをご覧ください。

地図の向きを示す Google マップのスクリーンショット。

0 投票する
1 に答える
633 参照

angularjs - Angularjs Openlayer描画ポリライン

私の問題に対する迅速な答えを見つけたいと思っています。

アプリでマップを描画するために、openlayer ディレクティブ ( https://github.com/tombatossals/angular-openlayers-directive ) を使用しています。このマップにルートを示すポリラインをマップに追加したいと思います。

これに対する解決策は見つかりませんでした。これらの線を引くことは可能ですか?

ご協力ありがとうございました!

0 投票する
2 に答える
411 参照

angularjs - openlayers の angularjs マップ ディレクティブがスコープ値を取得しない

openlayersマップ アプリケーションの角度マップ ディレクティブを作成したいと考えています。たとえば、これはmap の例です

angularjs ディレクティブを作成しました。

このサンプルは正常に動作します。しかし、マップ要素の ID 名をハードコーディングしました。idそして、スコープから価値を得たいと思っています。

しかし、これは地図を表示しません。

0 投票する
3 に答える
594 参照

typescript - openlayers 3 変換拡張機能を統合する方法

typescriptを使用して開発されたopenlayers 3プロジェクトに取り組んでいるため、次のようになります。

NPM ( http://viglino.github.io/ol3-ext/interaction/transforminteraction.js )で公開されていない変換拡張プラグインを使用したい

私は次のことを試しました:

ただし、次のエラーが発生します。

エラー TypeError: ol.interaction.Transform はコンストラクターではありません

Uncaught ReferenceError: ol が定義されていません

このリソースを正しくインクルード/統合するにはどうすればよいですか?