問題タブ [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.
javascript - image.getState は関数ではありません (角度で ol を使用する場合)
angular(4) アプリケーションに次のコードを実装しようとしました http://viglino.github.io/ol-ext/examples/layer/map.geoimage.html
ただし、ブラウザを起動しようとすると、常にエラーが発生します。
まず、私のインポート (両方のライブラリは npm からローカルにインストールされました):
`
以下で使用したコードを見つけてください: (この部分は正しく動作します) `
そして、地理参照された画像を表示しようとしました: `
`
常に同じ問題が発生しました：
エラー TypeError: image.getState は、_ol_renderer_canvas_ImageLayer_.prepareFrame (imagelayer.js:160) の _ol_renderer_canvas_ImageLayer_._ol_renderer_Layer_.loadImage (layer.js:114) の関数ではありません。 renderFrame_ (pluggablemap.js:1180) at _ol_Map_.eval (pluggablemap.js:87) at ZoneDelegate.invokeTask (zone.js:421) at Object.onInvokeTask (core.js:4740) at ZoneDelegate.invokeTask (zone.js: 420) Zone.runTask (zone.js:188) で ZoneTask.invokeTask (zone.js:496) で
このレポートに関しては、url の代わりに ol.source.Image オブジェクトを使用しようとしましたが、うまくいきませんでした。
以前にこのフレームワークを使用したことがある人はいますか? この問題を引き起こした古いアップデートのアイデアはありますか?
PS: SnapGuides の行の例 ( http://viglino.github.io/ol-ext/examples/interaction/map.interaction.snapguides.html ) も試してみましたが、うまくいったので ol-ext API の統合は良さそうです!
openlayers - レイヤー 3 ツールチップ ブロック アクションを開く
私は ol.geom.Polygon オブジェクトを使用してポリゴンを描画しています。これにツールチップを追加して、このように描画されたエーカーを表示しました。
アップデート
これがツールチップの作成方法です...
問題は、ポイントを描画した形状によっては、ツールチップが重なって、ポイントを設定する能力が効果的にブロックされることです。
スタイル 'pointer-events: none' を ol.Overlay に追加するにはどうすればよいですか?