問題タブ [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.
openlayers-3 - OpenLayers3 - 変更/描画/選択操作を組み合わせることは可能ですか?
私は自分のアプリで OpenLayers3 を使い始めました。これまでのところ、次の作業バージョンの作成に成功しています。
- 組み合わせた描画/変更ページ (関連する例に基づく
draw-and-modify-features.js
) - 結合された選択/変更ページ (関連する例に基づく
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キーを押しながら提案したような、より良い方法を探しています...
どんなアイデアや提案も大歓迎です。
javascript - openlayers 3でホバー時のカーソルを変更するには?
リモートの GeoJSON リソースから追加されたフィーチャ レイヤーに双方向性を追加することができました。地物をクリックすると、その ID が取得され、AJAX リクエストが起動され、地物に関する関連情報がマップ エリアの外側のページに表示されます。
インターンシップを利用しましたSelect
。
ユーザーがマップ上のフィーチャをクリックできることをさらに明確にしたいと思います。マウスがに含まれる機能をホバーしたときに、マウスカーソルを「手」の「カーソル」に変更する方法はありますol.layer.Vector
か?
ドキュメント、このサイト、またはグーグルで何も見つかりませんでした。
javascript - オープンレイヤーでのベクターのスタイリング 3
私は ol3 でベクター レイヤーを使用していますが、API ドキュメントが本当に不足していると指摘しました。
利用可能な唯一のリファレンスは、ol.styleに示されているデフォルト スタイルです。
これは、例と試行錯誤から得た、私がこれまでに持っているものです
なぜ配列があるのですか?
フォントサイズを変更するにはどうすればよいですか? "font-size": および size: 機能しませんでした
他に調べる必要のあるドキュメントはありますか?
道に迷いました。
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
ご回答ありがとうございます。
javascript - OpenLayers 3:2点間の距離を計算するには?
OpenLayers 3 を使用して、球状メルカトル図法 (SRID: 3857) 投影の 2 点間の距離を決定するにはどうすればよいですか?
distanceTo
OpenLayers 2で使用されていたことを知っています
OpenLayers 3 docsを調べましたが、似たようなものは見つかりません...
javascript - ol.events.condition.mouseMove でホバー SelectInteraction を使用すると、OpenLayers 3 でドラッグ マップが失われる
ユーザーがフィーチャ (GeoJSON FeatureList から取得) をポイントしたときにホバー効果が得られる ように、OpenLayers 3 の選択フィーチャの例を調整しましたが、マップのドラッグ インタラクションが失われました。
ドラッグ/パン操作を犠牲にすることなく、ホバー時にフィーチャ スタイルを変更する方法はありますか?
アクション タイプ を Hover に設定すると、リンクされた例で同じ問題が発生します。
openlayers 3 メーリング リストに未回答の質問があります