問題タブ [openlayers-3]

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 投票する
1 に答える
1934 参照

openlayers-3 - OpenLayers3 - 変更/描画/選択操作を組み合わせることは可能ですか?

私は自分のアプリで OpenLayers3 を使い始めました。これまでのところ、次の作業バージョンの作成に成功しています。

  1. 組み合わせた描画/変更ページ (関連する例に基づくdraw-and-modify-features.js)
  2. 結合された選択/変更ページ (関連する例に基づくmodify-features.js)

(1) の場合、ol.interaction.Modifyインスタンスは、インスタンス内の機能で動作することを指定しol.FeatureOverlayます。

...そしてそれはol.FeatureOverlay、ユーザーが描いたすべての新機能を保持しています。

(2) の場合、ol.interaction.Modifyインスタンスは、インスタンス内の機能で動作することを指定しol.interaction.Selectます。

...そして、私が間違っていない限り、これによりol.FeatureOverlay、現在選択されている機能を保持する非表示が作成され、編集されます。

ただし、3 つすべてを組み合わせる方法、つまり、ユーザーがポリゴンを描画、選択、および変更できるようにするユーザーフレンドリーな方法がわかりません。

私が(理想的には)欲しいのは描画/変更の機能ですが、Ctrlキーを押したままにすると、カーソルは「描画」モードではなく「選択」モードになり、選択できるようになりますその後、キーボードの Delete を押して削除するか、マウスで頂点を編集します。すべてのポリゴンの外側をクリックするとすぐに、描画/修正モードに戻ります。

私は単純なテストを行いました - 描画/変更 Map インスタンスの相互作用に を追加するテスト -ol.interaction.Selectこれは陽気な結果につながります :-) たとえば、ポリゴンの描画を終了したとき (つまり、ダブルクリックして閉じるとき)それも選択されています...そしてどこか(ポリゴンの内側または外側)をクリックすると、別の新しいポリゴンエッジが開始され、既存のものは選択されません-など.

これまでの私の唯一の解決策は...「VIエミュレーション」を実装することです:-)つまり、「コマンド」モード(つまり、選択/変更状態)と「挿入」モード(つまり、描画) /modify state) - マップ内 (カスタム OL3 コントロール) またはマップ外 (通常の HTML ボタン) の「状態切り替え」ボタンから現在のモードを選択しました。

ただし、Ctrlキーを押しながら提案したような、より良い方法を探しています...

どんなアイデアや提案も大歓迎です。

0 投票する
12 に答える
30195 参照

javascript - openlayers 3でホバー時のカーソルを変更するには?

リモートの GeoJSON リソースから追​​加されたフィーチャ レイヤーに双方向性を追加することができました。地物をクリックすると、その ID が取得され、AJAX リクエストが起動され、地物に関する関連情報がマップ エリアの外側のページに表示されます。

インターンシップを利用しましたSelect

ユーザーがマップ上のフィーチャをクリックできることをさらに明確にしたいと思います。マウスがに含まれる機能をホバーしたときに、マウスカーソルを「手」の「カーソル」に変更する方法はありますol.layer.Vectorか?

ドキュメント、このサイト、またはグーグルで何も見つかりませんでした。

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

javascript - オープンレイヤーでのベクターのスタイリング 3

私は ol3 でベクター レイヤーを使用していますが、API ドキュメントが本当に不足していると指摘しました。

利用可能な唯一のリファレンスは、ol.styleに示されているデフォルト スタイルです。

これは、例と試行錯誤から得た、私がこれまでに持っているものです

なぜ配列があるのですか?

フォントサイズを変更するにはどうすればよいですか? "font-size": および size: 機能しませんでした

他に調べる必要のあるドキュメントはありますか?

道に迷いました。

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

javascript - OpenLayers 3 : .png に表示されるマップの ScaleLine を使用してマップをエクスポートする方法

それはすべてタイトルにあります。エクスポートされたpng画像に表示されるマップの縮尺でマップをエクスポートしたいと思います。

画面に表示されているものは次のとおりです。http://image.noelshack.com/fichiers/2014/39/1411732313-default.jpg

これが私がpngをエクスポートするものです:http://image.noelshack.com/fichiers/2014/39/1411731619-img12180dxn777.png

OpenLayerで画面に表示されている写真のように、png画像が必要です。マップの縮尺が表示されます。

誰でも方法を知っていますか、それとも OpenLayer ではまだ不可能ですか?

地図に縮尺を追加するために使用する基本的なコードは次のとおりです: openlayers.org/ol3-workshop/controls/scaleline.html

マップをエクスポートするために使用するコードは次のとおりです: openlayers.org/en/v3.0.0/examples/export-map.js

ご回答ありがとうございます。

0 投票する
5 に答える
18591 参照

javascript - OpenLayers 3:2点間の距離を計算するには?

OpenLayers 3 を使用して、球状メルカトル図法 (SRID: 3857) 投影の 2 点間の距離を決定するにはどうすればよいですか?

distanceToOpenLayers 2で使用されていたことを知っています

OpenLayers 3 docsを調べましたが、似たようなものは見つかりません...

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

javascript - ol.events.condition.mouseMove でホバー SelectInteraction を使用すると、OpenLayers 3 でドラッグ マップが失われる

ユーザーがフィーチャ (GeoJSON FeatureList から取得) をポイントしたときにホバー効果が得られる ように、OpenLayers 3 の選択フィーチャの例を調整しましたが、マップのドラッグ インタラクションが失われました。

ドラッグ/パン操作を犠牲にすることなく、ホバー時にフィーチャ スタイルを変更する方法はありますか?

アクション タイプ を Hover に設定すると、リンクされた例で同じ問題が発生します。

openlayers 3 メーリング リストに未回答の質問があります