How to use the fusioncharts/fusioncharts.maps function in fusioncharts

import React from 'react';
import ReactDOM from 'react-dom';
import react_fc from 'react-fusioncharts';
import FusionCharts from 'fusioncharts';
import charts from 'fusioncharts/fusioncharts.charts';
import maps from 'fusioncharts/fusioncharts.maps';
import worldMap from 'fusionmaps/maps/fusioncharts.worldwithcountries';
import TM from 'fusioncharts/themes/fusioncharts.theme.zune';
import $ from 'jquery';


// Load the charts, maps, worldwithcountries module pass FusionCharts as dependency
charts(FusionCharts);
maps(FusionCharts);
worldMap(FusionCharts);

var GTDDashboard = function (options) {

    var _reduce;
    var _countBy;

    /***
    ** Function to convert data in CSV to JSON
    ***/
    var csvToJson = function (csvData) {

        var rows=csvData.split("\n"),
            jsonData=[],
            headers=rows[0].split(","),
            rowsLength = rows.length;

import React from 'react';
import ReactDOM from 'react-dom';
import ReactFC from 'react-fusioncharts';
import FusionCharts from 'fusioncharts';
import charts from 'fusioncharts/fusioncharts.charts';
import maps from 'fusioncharts/fusioncharts.maps';
import worldMap from 'fusionmaps/maps/fusioncharts.worldwithcountries';
import TM from 'fusioncharts/themes/fusioncharts.theme.zune';
import $ from 'jquery';


// Load the charts, maps, worldwithcountries module pass FusionCharts as dependency
charts(FusionCharts);
maps(FusionCharts);
worldMap(FusionCharts);

var GTDDashboard = function (options) {

    var _reduce;
    var _countBy;

    /***
    ** Function to convert data in CSV to JSON
    ***/
    var csvToJson = function (csvData) {

        var rows=csvData.split("\n"),
            jsonData=[],
            headers=rows[0].split(","),
            rowsLength = rows.length;

import React from 'react';
import ReactDOM from 'react-dom';
import ReactFC from 'react-fusioncharts';
import FusionCharts from 'fusioncharts';
import charts from 'fusioncharts/fusioncharts.charts';
import maps from 'fusioncharts/fusioncharts.maps';
import usaMap from 'fusioncharts/maps/fusioncharts.usa';
import TM from 'fusioncharts/themes/fusioncharts.theme.fint';


// Load the charts, maps, usaMap module pass FusionCharts as dependency
charts(FusionCharts);
maps(FusionCharts);
usaMap(FusionCharts);

FusionCharts.ready(function () {
    var myDataSource = {
        "chart": {
            "theme": "fint",
            "caption": "Shipping Volume and Costs",
            "subcaption": "Harry's SuperMart Distribution Network - Last Month",
            "showMarkerLabels":"0",
            "numberSuffix": "%",
            //Changing connector hover color
            "connectorHoverColor": "#f8bd19",
            //Changing connector hover thickness
            "connectorHoverThickness": "3",
            //Enabling entity hover effect
            //Enabling marker hover effect

import React from 'react';
import ReactDOM from 'react-dom';
import react_fc from 'react-fusioncharts';
import FusionCharts from 'fusioncharts';
import charts from 'fusioncharts/fusioncharts.charts';
import maps from 'fusioncharts/fusioncharts.maps';
import usaMap from 'fusioncharts/maps/fusioncharts.usa';
import TM from 'fusioncharts/themes/fusioncharts.theme.fint';


// Load the charts, maps, usaMap module pass FusionCharts as dependency
charts(FusionCharts);
maps(FusionCharts);
usaMap(FusionCharts);

FusionCharts.ready(function () {
    var myDataSource = {
        "chart": {
            "theme": "fint",
            "caption": "Shipping Volume and Costs",
            "subcaption": "Harry's SuperMart Distribution Network - Last Month",
            "showMarkerLabels":"0",
            "numberSuffix": "%",
            //Changing connector hover color
            "connectorHoverColor": "#f8bd19",
            //Changing connector hover thickness
            "connectorHoverThickness": "3",
            //Enabling entity hover effect
            //Enabling marker hover effect