html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // This sample uses 3rd party proj4 component

    // that makes it possible to set coordinates

    // for the points and labels on the map and

    // required for custom projections and grid labels formatting.

    // See https://docs.anychart.com/7.14.3/Maps/Map_Projections

​

    // define the map

    var usaMap = anychart.map();    

​

    // set the data for the USA map

    dataSetUSA = anychart.data.set([

{"id": "US.TX", "value": 26956958},

{"id": "US.FL", "value": 19552860}

    ]);

​

    // create data set for Texas districts

    dataSetTX = anychart.data.set([

{'id': 'US.TX.111', 'value': 6222}, //Dallam

{'id': 'US.TX.421', 'value': 3186}, //Sherman

{'id': 'US.TX.195', 'value': 5369}, //hansford

{'id': 'US.TX.357', 'value': 9006}, //Ochiltree

{'id': 'US.TX.295', 'value': 3057}, //Lipscomb

{'id': 'US.TX.205', 'value': 5537}, //Hartley

{'id': 'US.TX.341', 'value': 20121}, //Moore

{'id': 'US.TX.233', 'value': 23857}, //hatchinson

{'id': 'US.TX.393', 'value': 887}, //roberts

{'id': 'US.TX.211', 'value': 3351}, //Hemphill

{'id': 'US.TX.359', 'value': 2185},  //Oldham

{'id': 'US.TX.375', 'value': 113546}, //Potter

{'id': 'US.TX.065', 'value': 6516}, //Carson

{'id': 'US.TX.179', 'value': 22744}, //Gray

{'id': 'US.TX.483', 'value': 5284}, //Wheeler

{'id': 'US.TX.117', 'value': 18561}, //Deaf Smith

{'id': 'US.TX.381', 'value': 104312}, //Randall

{'id': 'US.TX.011', 'value': 2148}, //Armstrong

{'id': 'US.TX.129', 'value': 3828}, //Donley

{'id': 'US.TX.087', 'value': 3206}, //Collingsworth

{'id': 'US.TX.369', 'value': 10016}, // Parmer

{'id': 'US.TX.069', 'value': 8285}, //Castro

{'id': 'US.TX.437', 'value': 8378}, //Swisher

{'id': 'US.TX.045', 'value': 1790}, //Briscoe

{'id': 'US.TX.191', 'value': 3782}, //Hall

{'id': 'US.TX.075', 'value': 7688}, //Childress

    ]);

​

    // create data set for Florida districts

    dataSetFL = anychart.data.set([

{'id': 'US.FL.063', 'value': 46755}, //Jackson]

{'id': 'US.FL.091', 'value': 170498}, //Okaloosa

{'id': 'US.FL.077', 'value': 7021}, //Liberty County

{'id': 'US.FL.079', 'value': 18733}, //Madison

{'id': 'US.FL.039', 'value': 45087}, //Gadsden

{'id': 'US.FL.067', 'value': 7022}, //Lafayette

{'id': 'US.FL.123', 'value': 19256}, //Taylor

{'id': 'US.FL.113', 'value': 117743}, //Santa Rosa

{'id': 'US.FL.029', 'value': 13827}, //Dixie

{'id': 'US.FL.037', 'value': 11057}, //Franklin

{'id': 'US.FL.131', 'value': 40601}, //Walton

{'id': 'US.FL.129', 'value': 22863}, //Wakulla

{'id': 'US.FL.005', 'value': 159238}, //Bay

{'id': 'US.FL.075', 'value': 34450}, //Levy

{'id': 'US.FL.083', 'value': 258916}, //Marion

{'id': 'US.FL.121', 'value': 34844}, //Suwannee

{'id': 'US.FL.065', 'value': 12902}, //Jefferson

{'id': 'US.FL.023', 'value': 56513}, //Columbia

{'id': 'US.FL.003', 'value': 22259}, //Baker

{'id': 'US.FL.073', 'value': 239452}, //Leon

{'id': 'US.FL.033', 'value': 294210}, //Escambia

{'id': 'US.FL.041', 'value': 14437}, //Gilchrist

{'id': 'US.FL.047', 'value': 13327}, //Hamilton

{'id': 'US.FL.013', 'value': 13017}, //Calhoun

{'id': 'US.FL.125', 'value': 13442}, //Union

{'id': 'US.FL.059', 'value': 18564}, //Holmes

{'id': 'US.FL.133', 'value': 20973}, //Washington

    ]);    

​

    // set the geodata

    usaMap.geoData(anychart.maps.united_states_of_america);

    // set the series

    usaSeries = usaMap.choropleth(dataSetUSA);

​

    // draw the USA map

    usaMap.container("container");

    usaMap.draw();

​

    // load the map of Texas

    usaSeries.listen("pointClick", function(e) {

      var id = e.point.get("id");

      if (id == "US.TX") {

jQuery.ajax({

    type: "GET",  //POST

    url: "https://cdn.anychart.com/geodata/1.2.0/usa_states/texas/texas.json", //js

    dataType: "json", //script

    success: function(data){

      var txMap = anychart.map();

      txMap.geoData(data);

      txSeries = txMap.choropleth(dataSetTX); 

      usaMap.drillTo("US.TX", txMap);   

    },

    error: function(){

    },

  });

//debugger;

​

      }        

      // load the map of Florida

      if (id == "US.FL") {

jQuery.ajax({

    type: "GET", 

    url: "https://cdn.anychart.com/geodata/1.2.0/usa_states/florida/florida.json",

    dataType: "json", 

    success: function(data){

      var flMap = anychart.map();

      flMap.geoData(data);

      flSeries = flMap.choropleth(dataSetFL); 

      usaMap.drillTo("US.FL", flMap);

    },

    error: function(){

    }

});

      }

    });

});