2016-11-01 10 views
1

をやった後、ビュー内にある: =固定位置、開いたポップアップで「宛先」 B =ユーザの現在位置、無ポップアップはオープ​​ンポップアップを確保する方法はありますので、私はあまりにもポイント持っfitbounds

を私は簡単に(概念的に) map.fitbound([latlng of a, latlng of b]) と呼ぶことができ、それは2つのポイントを含むように私の地図をズームしますが、問題は開いているポップアップを考慮していないということです。私はユーザーの場所、固定点からの方向、または距離を知らないので、パディングを使用することは可能ではないと私は考えています。

これを解決する方法に関するヒントはありますか?

ここには、問題を示すfiddleがあります。

私は、ポップアップのセンタリングについての記事のいくつかを見てきましたが、そこにはjavascriptが少しあります。js2cffeeコンバータはそれを気に入らないのです。

答えて

2

マップを移動することなく、ポップアップが常に表示されるソリューションを探索できます。例えば

https://github.com/erictheise/rroseここ

が、私はそれを使用する方法である:、エッジ付近のマーカーを持っているホバーか、それをクリックするhttp://franceimage.github.io/map

移動マップは、ポップアップが常に表示されます。

popup above popup right popup below

+0

ありがとう - それは私が探しているものです。私はそれがちょうど2行のcoffeescriptだと思ったので、プラグインを見ると思っていませんでした。笑 – Ben

1

私はパディングを使用すると、例えば、

Yes, yes it is

ことが可能であることを考えていない。:

map.fitBounds(someLatLngBounds, {padding: [100, 100]}); 

working demoを参照してください、そしてread the docsすることを忘れないでください。

+0

おかげ@IvanSanchezは、おそらく私は申し訳ありませんが、明確ではありませんでした。私はパディングの使い方を理解していますが、それはfitBoundsのように動的ではないか、おそらく魔法の番号があります(100のように見えますが、私が試みたのは25または50です)。 私の場合のように(私の例のように)50のパディングが良く見えるかもしれませんが、ユーザーが他の国にいるとポップアップが途切れてしまうかもしれません。さらに、ウィンドウのサイズを%で指定すると、正しいパディングを選択するのがさらに難しくなります。 リーフレットの遊び場について、私は全く知りませんでした。 :) – Ben

+0

ポップアップの幅の半分に等しいパディングを適用します。ポップアップがどちら側になるか分かっている場合は、その側にのみパディングを適用します。 – IvanSanchez

関連する問題