JVectorMap Set Scale Below 1
<p>I am creating a web page which requires a full size map, for which I am using JVectorMap. The map has a width and height of 100%. However, this makes the map extend right to the very edges of the page when fully zoomed out, which is undesirable. Ideally, there would be a border around the map when fully zoomed out, but when zoomed in the map would still extend to the edge of the page. Essentially, I want to begin with the map more zoomed out than seems to be allowed.</p>

<p>In this case, HTML borders and padding cannot be used, as although they do create the desired effect on page load, the border persists when the map is zoomed in. The only idea I had was to attempt to set the 'scale' variable near the end of the following code to a value below zero:</p>

<pre><code>&lt;script&gt;
    $(function(){
        $('#map').vectorMap({
            map: 'world_mill',
            focusOn: {
                x: 0.5,
                y: 0.5,
                scale: 0.8
            }
        });
    });
&lt;/script&gt;
</code></pre>

<p>This had no effect, as any value for 'scale' below 1 seems to be ignored. I have included screenshots below to illustrate the problem.</p>

<p>Current Page (Map extends to edge)
<a href="https://i.stack.imgur.com/lhgTl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lhgTl.png" alt="Current Page (Map extends to edge)"></a></p>

<p>Ideal Page (Map has border
<a href="https://i.stack.imgur.com/QaV1w.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QaV1w.png" alt="Ideal Page (Map has border)"></a></p>

<p>Any help would be much appreciated!</p>