// Create a Datamap instance
var dm = new Datamap({
    element: document.getElementById('map')
});
 
// Setup the options for the zoom (defaults given)
var zoomOpts = {
    scaleFactor: 1, // The amount to zoom
    center: {
        lat: <the center of your original map>, // latitude of the point to which you wish to zoom
        lng: <the center of your orignal map>, // longitude of the point to which you wish to zoom
        // NOTE: You cannot specify lat without lng or lng without lat.  It's all or nothing.
    },
    transition: {
        duration: 1000 // milliseconds
    },
    onZoomComplete: function (zoomData) {
      // Called after zoomto completes.  Bound to the Datamaps instance.
      // Passes one argument, zoomData.
      // zoomData = {
      //   translate: { x: <number>, y: <number> },
      //   scale: <number>
      // }
      // no-op by default
    }
};
 
// perform the zoom
dm.zoomto(zoomOpts);
 
// Of course, using the default zoom will not actually zoom due to a 1:1 scale
// and the center of the map not changing.

const Datamaps = require('datamaps');
require('datamaps-zoomto');
 
var dm = new Datamaps({
  element: document.getElementById('map')
});
 
dm.zoomto({
  scaleFactor: 2,
  transition: {
    duration: 1000
  }
});
 
// or using ES6 import syntax
 
import Datamaps from 'datamaps';
import zoomto from 'datamaps-zoomto';
 
var dm = new Datamaps({
  element: document.getElementById('map')
});
 
dm.addPlugin('zoomto', zoomto);
 
dm.zoomto({
  scaleFactor: 2,
  transition: {
    duration: 1000
  }
});