Hello
How can I add a map button to hide and show the map?
  it is possible to do this function

Basically it should be easy (check jquery show hide on google) but I  think google require block where is map tobe visible on page load for correct rendering.

I have been trying in the last few months and I have not been able to implement it. : ((
Perhaps at the next update, you add such a function, right?

If map is shown on load, there is not much sense in having button here to hide it..

If you make this button, I pay extra the amount you say, I need that button

<div>
<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
    ele.style.display = "none";
text.innerHTML = "<h3><strong><?php _e("Map", 'veronica') ; ?></strong></h3>";
  }
else {
ele.style.display = "block";
text.innerHTML = "<h3><strong><?php _e("Map", 'veronica') ; ?></strong></h3>";
}
}
</script>
 
<a id="displayText" href="javascript:toggle();"><h3><strong><?php _e("Map", 'veronica') ; ?></strong></h3></a>
<div id="toggleText" style="display: none">

 <?php if(function_exists('radius_map_items')) { radius_map_items(); } ?>
   

</div>
</div>
The map is not fully loaded, why?

What you have in console log?

in which console?

@Romeo
Error refers to google adsense code/script.