There is a project in which you need to interactively use the choice of a country, stumbled upon a component - jqvmap which actually allows you to display a map and get a country code in ISO format ...

How can this map be displayed in a modal window?

jQuery(document).ready(function () { jQuery('#vmap').vectorMap({ map: 'world_en', backgroundColor: '#333333', color: '#ffffff', hoverOpacity: 0.7, selectedColor: '#666666', enableZoom: true, showTooltip: true, scaleColors: ['#C8EEFF', '#006491'], values: sample_data, normalizeFunction: 'polynomial' }); jQuery(".openMap").click(function(){ $("#vmap").show(function(){ $("#vmap").addClass("show"); }); }); }); 
 body{ margin:0; padding:0; } #vmap { width: 100%; height: 100vh; /*background-color: red;*/ display:none; } .show{ position:fixed; bottom:0; top:0; left:0; right:0; overflow:hidden; } 
 <link href="http://semenov.ru.com/dist/jqvmap.css" rel="stylesheet"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://semenov.ru.com/dist/jquery.vmap.js"></script> <script src="http://semenov.ru.com/dist/maps/jquery.vmap.world.js"></script> <script src="http://semenov.ru.com/dist/js/jquery.vmap.sampledata.js"></script> <a href="#" class="openMap">Open</a> <p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p> <p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p><p>ะšะฐะบะพะน ั‚ะพ ั‚ะตะบัั‚</p> <div id="vmap"></div>

  • developer.mozilla.org/ru/docs/Web/API/Element/requestFullScreen - Qwertiy โ™ฆ
  • Itโ€™s not exactly what Iโ€™ve been looking for; in general, thereโ€™s a button - when you click it, a window pops up with a map in a full-screen modal window ... - le7o
  • Probably I did not quite correctly put it the first time - you need to expand the map to full screen in the browser window and not the monitor ... - le7o
  • position: fixed and four zeroes. - Qwertiy โ™ฆ
  • Even under the condition that when I open the window, I make a fixed window, it scrolls first, secondly, when a window appears, it sets a relative ... - updated code. - le7o

0