How to solve popup blocking problem in facebook js sdk?

Question

Facebook

After switching from connect.facebook.net/en_US/all.js to connect.facebook.net/en_US/sdk.js, there was a problem with authorization - the browser blocks the pop-up window. I found this information in the documentation

Calling FB.login results in the JS SDK attempting to open a popup window. As such, this method should only be called after a user click event, otherwise the popup window will be blocked by most browsers.

But the fact is that I have a button with a class after clicking, on which I call FB.login and the window is still blocked.

Answer 1

show code

Answer 2

Map area

Answer 3

Here, there are probably no ready-made solutions.
The best option is to make the map in svg. Layers are also there to make - each country is a separate path. pinky, probably also in svg. The hover magnifier is a javascript zoom with clip mask image css. In general, not the fastest and simplest thing.