Change zooming level

In this page, http://tucker2835.wpengine.com/channel-partners/ the zooming level is set too near. Page source is :

<style>
.map-category-listing{
display: none;
}
map-container{

}
.map_category{
position:initial !important;
background:none;
color:black;
}
.inputbox{
display: none;
}
.search_class{
float:left;
}
.search_class label{
padding-top:13px ;

}
.search_class img{
margin:15px 5px 5px 5px;

}
</style>

<div style=”margin-left:20px”><p>Buy direct from a local distributor or independent rep.<br/>
Please review information for Distributors as many require pre-approval prior to taking orders.</p>
</div>
<div class=”map-category-listing-main container” >
<div>
<div class=”row gd_home_map_map_category map_category”>
<div class=”toggle”>
<ul class=”treeview main_list” style=”margin-left:0px;”>
<div class=”col-xs-6″>
<div class=”search_class”>
<input type=”checkbox” checked=”checked” class=”group_selector ” name=”gd_home_map_cat[]” group=”catgroup14″ alt=”gd_placecategory” title=”Attractions” value=”14″ onclick=”javascript:build_map_ajax_search_param(‘gd_home_map’,false, this)”>
</div>
<div class=”search_class”>

</div>
<div class=”search_class”>
<label>Independent Reps</label><i class=”fa fa-long-arrow-down” style=”display:none;”></i>
</div>
</div>
<div class=”col-xs-6″>
<div class=”search_class”>
<input type=”checkbox” checked=”checked” class=”group_selector” name=”gd_home_map_cat[]” group=”catgroup30″ alt=”gd_placecategory” title=”Distributors” value=”30″
onclick=”javascript:build_map_ajax_search_param(‘gd_home_map’,false, this)”>
</div>
<div class=”search_class”>
<img height=”12″ width=”12″ alt=”” src=”http://tucker2835.wpengine.com/wp-content/uploads/2015/09/Festival.png”
title=”Distributors”>
</div>
<div class=”search_class”>
<label>Distributors</label><i class=”fa fa-long-arrow-down” style=”display: none;”></i>
</div>
</div>

<script>jQuery( document ).ready(function() {
geodir_show_sub_cat_collapse_button();
});</script>
</div>
<div class=”BottomRight”></div>
<br>

</div>
</div>
</div>

<div class=”in-map-container” style=”margin-left:20px”>[gd_homepage_map width=1100px]</div>

<pre style=”display:none”>
<script>

jQuery(document).ready(function(){
jQuery(‘.in-map-container input:checkbox’).removeAttr(‘checked’);
});

</script>

How can I set the zoom level of the map so I can see US and Canada at the same time after loading the page? Our visitors don’t prefer to zoom out manually everytime they visit.