ベースマップの上にレイヤーを追加することができました。これは次のようになります。jQueryを使用して直接スタイルを変更して、この長方形を作成しました- width、heightおよびoverflow:hidden. これが正しい方法かどうかはわかりませんが、より良い方法があればアドバイスしてください。
私がする必要があるのは、マウスのドラッグでマップをパンするときです。一番上の四角形レイヤーを同じ場所にとどめますが、コンテンツをそれぞれ変更して、この四角形がベースマップの上のマスクのように見えるようにします。ご覧のとおり、リーフレットのパンはによって適用されています
-webkit-transform: translate3d(185px, 178px, 0)（私はChromeを使用しています）したがって、設定top: 0しleft: 0ても役に立たず、長方形はマップに貼り付けられているように、パン時にマップとともに移動します。
誰かが同じタスクを処理したと確信しているので、私にアドバイスしてください。
更新:私の問題をよりよく説明するフィドルを追加しました:
