How can I hide a block even if a certain button is not pressed?

Question

JavaScript

$('#showIntervalDropdown').on('click', function(e){
            e.preventDefault();

            $('#intervalDropdown').toggle();
        });

now when you click on this button, it shows / hides the block, I need to make it so that when you click anywhere, the block is hidden

Answer 1

Well, hang a click handler on the entire document

Answer 2

I think that in this case the best option is to take some universal framework (YII or Kohana, for example) and manually write this functionality using Yandex Maps API, Google Maps API.
Making it possible to mark points on the map / display them using the maps API is a one-night stand.

Answer 3

you can see shahidi.com/

Answer 4

If it's just dots, then a clumsy variant for a quick start:
Drupal + gmap + location (an example can be found in one of these books about Drupal with site recipes)
Drupal + yandex_map

Answer 5

Something tells me that Google maps api has it all, although I don’t know for sure.

Answer 6

You can open the openstreetmap engine itself and raise it with your base. True, it will be firing a cannon at mosquitoes - too complicated and cumbersome.
It's much easier to take OpenLayers and use it to add labels on click. An example of this kind of solution is the OpenStreetBugs service.