tileLayer とマーカーを含む Leaflet マップがあります。イメージ オーバーレイを追加して、いくつかの効果とスタイルをタイルに追加したいと考えています。
L.imageOverlay は素晴らしいですが、境界が必要ですが、レンダリングされたマップの絶対ピクセルに画像を固定したいと考えています。たとえば、ズーム レベルに向かって連続する効果を持たせることができます。
範囲を取得してレイヤーの境界を毎回再定義することでそれを実行できるはずですが、内部で絶対値に変換する必要があるため、ばかげています。とはいえ、APIを読んでもやり方がわかりませんでした。
マップの上に、フレームのようなもの、フェードなどをイメージできます。
透かしを追加するときにいくつかの読み取りを行うことは、私たちにとって役に立ちます。leaflet.spin.js が呼び出すコア Spin.js ライブラリのイントロでは、次のように言及されています。
spin() メソッドは、必要な HTML 要素を作成し、アニメーションを開始します。ターゲット要素が引数として渡されると、スピナーが最初の子として追加され、水平および垂直の中央に配置されます。
その this._spinner = new Spinner().spin(this._container);ため、読み込み中のレイヤに対して が呼び出されると、レイヤ サイズはピクセル単位で決定されます。リーフレットレイヤーではなく、DOM で修正されています。