2017-02-26 3 views
1

私たちのメインページの1つでは、リーフレットマップはトップナビゲーションのみを持つページの90%を占めています(位置:固定;)リーフレットがminZoomに達した後、コンテナを縮小する方法は?

しかし、タッチデバイスでは、誤ってマップ上ではなく、ページ全体そうであれば、タッチ操作によって地図がズームインされるため、トップのナビゲーションを表示するためにズームを解除する方法はありません。

理想的には、リーフレットがminZoomレベルに達した後に、ページがズームアウトするように解決策を見つけようとしています。その他のアイデアは大歓迎です!ありがとう!

+0

['meta'タグ' viewport'属性 'content =" user-scalable = no "'](https://developer.mozilla.org/en-US/)を使ってページズームを完全に無効にすることもできます。 docs/Mozilla/Mobile/Viewport_meta_tag) – ghybs

答えて

0

できません。

リーフレットは、ブラウザがtouch-action CSS propertyを使用して、ページ全体をピンチズームするのを防ぎます。

ピンチズームを可能にする値がないことに注意してください。は、のみを出力します。リーフレットはピンチズームを有効/無効にすることができます。

あなたがmap.touchZoom.disable()、またはmap.on('zoomend', function(){ if (map.getZoom()===map.options.minZoom) map.touchZoom.disable() })のようなものを実行してtouchZoom handler of the mapを無効にすることができますが、それはリーフレットにすべてピンチズームを無効にし、ページ全体のすべてピンチズームを有効にします。

関連する問題