score:0

You have to set a custom projection:

var map = new Datamap({
    scope: 'bra',
    element: document.getElementById('container'),
    setProjection: function(element) {
        var projection = d3.geo.equirectangular()
            .center([-55.908333, -18.19638])
            .scale(1000)
            .translate([element.offsetWidth / 2, element.offsetHeight / 2]);
        var path = d3.geo.path()
            .projection(projection);

        return {
            path: path,
            projection: projection
        };
    },
})
<script src="https://d3js.org/d3.v3.min.js"></script>
  <script src="https://d3js.org/topojson.v1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datamaps/0.4.4/datamaps.bra.js"></script>
<div id="container" style="position: relative; width: 1540px; height: 900px;"></div>


More Query from same tag