Projections Overview

                     {
  "map": {
    "zIndex": 0,
    "enabled": true,
    "type": "map",
    "title": {
      "zIndex": 80,
      "enabled": true,
      "maxLength": null,
      "fontSize": 14,
      "fontFamily": "\"Lucida Console\", Monaco, monospace",
      "fontColor": "#b0bec5",
      "fontOpacity": 1,
      "fontDecoration": "none",
      "fontStyle": "normal",
      "fontVariant": "normal",
      "fontWeight": "normal",
      "letterSpacing": "normal",
      "textDirection": "ltr",
      "textShadow": "none",
      "lineHeight": "normal",
      "textIndent": 0,
      "vAlign": "top",
      "hAlign": "center",
      "wordWrap": "normal",
      "wordBreak": "normal",
      "textOverflow": "",
      "selectable": false,
      "disablePointerEvents": false,
      "useHtml": false,
      "width": null,
      "height": null,
      "align": "center",
      "text": "Default map projection is WSG84",
      "margin": {
        "left": 0,
        "top": 0,
        "bottom": 0,
        "right": 0
      },
      "padding": {
        "left": 0,
        "top": 0,
        "bottom": 10,
        "right": 0
      },
      "background": {
        "zIndex": 0,
        "enabled": false
      }
    },
    "background": {
      "zIndex": 0.5,
      "enabled": true
    },
    "tooltip": {
      "enabled": true,
      "title": {
        "zIndex": 1,
        "enabled": true,
        "maxLength": null,
        "fontSize": 14,
        "fontFamily": "\"Lucida Console\", Monaco, monospace",
        "fontColor": "#90a4ae",
        "fontOpacity": 1,
        "fontDecoration": "none",
        "fontStyle": "normal",
        "fontVariant": "normal",
        "fontWeight": "normal",
        "letterSpacing": "normal",
        "textDirection": "ltr",
        "textShadow": "none",
        "lineHeight": "normal",
        "textIndent": 0,
        "vAlign": "top",
        "hAlign": "left",
        "wordWrap": "normal",
        "wordBreak": "normal",
        "textOverflow": "",
        "selectable": false,
        "disablePointerEvents": false,
        "useHtml": false,
        "width": null,
        "height": null,
        "align": "center",
        "orientation": "top",
        "rotation": 0,
        "text": "",
        "margin": {
          "left": 0,
          "top": 0,
          "bottom": 0,
          "right": 0
        },
        "padding": {
          "left": 0,
          "top": 0,
          "bottom": 0,
          "right": 0
        },
        "background": {
          "enabled": false
        }
      },
      "separator": {
        "zIndex": 1,
        "enabled": true,
        "fill": "#546e7a",
        "stroke": "none",
        "width": "100%",
        "height": 1,
        "orientation": "top",
        "margin": {
          "left": 10,
          "top": 10,
          "bottom": 10,
          "right": 10
        }
      },
      "background": {
        "zIndex": 0,
        "enabled": true
      }
    },
    "margin": {
      "left": 0,
      "top": 0,
      "bottom": 0,
      "right": 0
    },
    "padding": {
      "left": 15,
      "top": 20,
      "bottom": 15,
      "right": 25
    },
    "a11y": {
      "enabled": true,
      "mode": "chart-elements"
    },
    "autoRedraw": true,
    "bounds": {},
    "contextMenu": {
      "enabled": true
    },
    "credits": {
      "text": "AnyChart",
      "url": "https://www.anychart.com/?utm_source=registered",
      "alt": "AnyChart - JavaScript Charts designed to be embedded and integrated{{anychart-version}}",
      "imgAlt": "AnyChart - JavaScript Charts",
      "logoSrc": "https://static.anychart.com/logo.png",
      "enabled": false
    },
    "selectRectangleMarqueeFill": {
      "color": "#d3d3d3",
      "opacity": 0.4
    },
    "selectRectangleMarqueeStroke": "#d3d3d3",
    "interactivity": {
      "spotRadius": 2,
      "multiSelectOnClick": false,
      "unselectOnClickOutOfPoint": true,
      "hoverMode": "single",
      "selectionMode": "multi-select",
      "zoomOnMouseWheel": false,
      "zoomOnDoubleClick": false,
      "keyboardZoomAndMove": true,
      "drag": true
    },
    "defaultSeriesType": "choropleth",
    "maxBubbleSize": "10%",
    "minBubbleSize": "1%",
    "maxPointWidth": "100%",
    "minPointLength": 0,
    "baseline": 0,
    "palette": {
      "type": "distinct",
      "items": [
        "#40c4ff",
        "#0288d1",
        "#9fa8da",
        "#5c6bc0",
        "#7e57c2",
        "#54dbdf",
        "#15a9c7",
        "#00897b",
        "#304ffe",
        "#0179be"
      ]
    },
    "markerPalette": {
      "items": [
        "circle",
        "diamond",
        "square",
        "triangle-down",
        "triangle-up",
        "diagonal-cross",
        "pentagon",
        "cross",
        "v-line",
        "star5",
        "star4",
        "trapezium",
        "star7",
        "star6",
        "star10"
      ]
    },
    "hatchFillPalette": {
      "items": [
        {
          "type": "backward-diagonal",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "forward-diagonal",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "horizontal",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "vertical",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "dashed-backward-diagonal",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "grid",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "dashed-forward-diagonal",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "dashed-horizontal",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "dashed-vertical",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "diagonal-cross",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "diagonal-brick",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "divot",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "horizontal-brick",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "vertical-brick",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "checker-board",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "confetti",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "plaid",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "solid-diamond",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "zig-zag",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "weave",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "percent-05",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "percent-10",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "percent-20",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "percent-25",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "percent-30",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "percent-40",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "percent-50",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "percent-60",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "percent-70",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "percent-75",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "percent-80",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        },
        {
          "type": "percent-90",
          "color": "black 0.5",
          "thickness": 1,
          "size": 10
        }
      ]
    },
    "dataArea": {
      "zIndex": 10,
      "enabled": true,
      "background": {
        "enabled": false
      }
    },
    "normal": {
      "labels": {
        "enabled": false
      },
      "minLabels": {
        "enabled": null
      },
      "maxLabels": {
        "enabled": null
      }
    },
    "hovered": {
      "labels": {
        "enabled": null
      },
      "minLabels": {
        "enabled": null
      },
      "maxLabels": {
        "enabled": null
      }
    },
    "selected": {
      "labels": {
        "enabled": null
      },
      "minLabels": {
        "enabled": null
      },
      "maxLabels": {
        "enabled": null
      }
    },
    "unboundRegions": {
      "fill": "#455a64",
      "enabled": true,
      "stroke": "#546e7a"
    },
    "geoScale": {
      "type": "geo",
      "precision": [
        2,
        2
      ],
      "gap": 0,
      "xTicks": {
        "minCount": 4,
        "maxCount": 6
      },
      "xMinorTicks": {
        "minCount": 4,
        "maxCount": 6
      },
      "yTicks": {
        "minCount": 4,
        "maxCount": 6
      },
      "yMinorTicks": {
        "minCount": 4,
        "maxCount": 6
      },
      "maxTicksCount": 1000
    },
    "geoIdField": "id",
    "overlapMode": "no-overlap",
    "minZoomLevel": 1,
    "maxZoomLevel": 10,
    "selectPolygonMarqueeStroke": "#d3d3d3",
    "selectPolygonMarqueeFill": {
      "color": "#d3d3d3",
      "opacity": 0.4
    },
    "selectPolygonMarqueeMarker": {
      "fill": "#d3d3d3 0.4",
      "stroke": "#d3d3d3",
      "radius": 15
    },
    "geoData": "anychart.maps.world_source",
    "crsAnimation": {
      "enabled": true,
      "duration": 300
    },
    "crosshair": {
      "zIndex": 110,
      "enabled": false,
      "xStroke": "#969EA5",
      "yStroke": "#969EA5",
      "xLabels": [
        {
          "enabled": true,
          "fontSize": 12,
          "fontFamily": "\"Lucida Console\", Monaco, monospace",
          "fontColor": "#ffffff",
          "fontOpacity": 1,
          "fontDecoration": "none",
          "fontStyle": "normal",
          "fontVariant": "normal",
          "fontWeight": 400,
          "letterSpacing": "normal",
          "textDirection": "ltr",
          "textShadow": "none",
          "lineHeight": "normal",
          "textIndent": 0,
          "vAlign": "top",
          "hAlign": "start",
          "wordWrap": "normal",
          "wordBreak": "normal",
          "textOverflow": "",
          "selectable": false,
          "disablePointerEvents": true,
          "useHtml": false,
          "text": "Label text",
          "width": null,
          "height": null,
          "anchor": null,
          "offsetX": 0,
          "offsetY": 0,
          "rotation": 0,
          "adjustFontSize": {
            "width": false,
            "height": false
          },
          "minFontSize": 8,
          "maxFontSize": 16,
          "background": {
            "zIndex": 0,
            "enabled": true
          },
          "padding": {
            "left": 10,
            "top": 5,
            "bottom": 5,
            "right": 10
          },
          "axisIndex": 2
        }
      ],
      "yLabels": [
        {
          "enabled": true,
          "fontSize": 12,
          "fontFamily": "\"Lucida Console\", Monaco, monospace",
          "fontColor": "#ffffff",
          "fontOpacity": 1,
          "fontDecoration": "none",
          "fontStyle": "normal",
          "fontVariant": "normal",
          "fontWeight": 400,
          "letterSpacing": "normal",
          "textDirection": "ltr",
          "textShadow": "none",
          "lineHeight": "normal",
          "textIndent": 0,
          "vAlign": "top",
          "hAlign": "start",
          "wordWrap": "normal",
          "wordBreak": "normal",
          "textOverflow": "",
          "selectable": false,
          "disablePointerEvents": true,
          "useHtml": false,
          "text": "Label text",
          "width": null,
          "height": null,
          "anchor": null,
          "offsetX": 0,
          "offsetY": 0,
          "rotation": 0,
          "adjustFontSize": {
            "width": false,
            "height": false
          },
          "minFontSize": 8,
          "maxFontSize": 16,
          "background": {
            "zIndex": 0,
            "enabled": true
          },
          "padding": {
            "left": 10,
            "top": 5,
            "bottom": 5,
            "right": 10
          },
          "axisIndex": 3
        }
      ]
    }
  }
}
                

                     <html>
<head>
  <script src="https://cdn.anychart.com/releases/v8/js/anychart-base.min.js"></script>
  <script src="https://cdn.anychart.com/releases/v8/js/anychart-ui.min.js"></script>
  <script src="https://cdn.anychart.com/releases/v8/js/anychart-exports.min.js"></script>
  <script src="https://cdn.anychart.com/releases/v8/js/anychart-map.min.js"></script>
  <script src="https://cdn.anychart.com/geodata/latest/custom/world_source/world_source.js"></script>
  <script src="https://cdn.anychart.com/releases/v8/themes/dark_blue.min.js"></script>
  <link href="https://cdn.anychart.com/releases/v8/css/anychart-ui.min.css" type="text/css" rel="stylesheet">
  <link href="https://cdn.anychart.com/releases/v8/fonts/css/anychart-font.min.css" type="text/css" rel="stylesheet">
  <style type="text/css">

    html,
    body,
    #container {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
    }
  
</style>
</head>
<body>
  
  <div id="container"></div>
  

  <script>

    anychart.onDocumentReady(function () {
	// set chart theme
anychart.theme('darkBlue');
      // create map chart
      var map = anychart.map();

      // set map title
      map.title('Default map projection is WSG84');

      // set crs change animation duration
      map.crsAnimation().duration(300);

      // set map geo data
      map.geoData('anychart.maps.world_source');

      // set container id for the map
      map.container('container');
      // initiate map drawing
      map.draw();

      // list of available projections
      // see https://api.anychart.com/anychart.enums.MapProjections for details
      var projectionsList = [
        'bonne',
        'eckert1',
        'eckert3',
        'equirectangular',
        'fahey',
        'hammer',
        'aitoff',
        'mercator',
        'robinson',
        'wagner6',
        'wsg84',
        'august'
      ];

      // util vars for projection update cycle
      var index = 0;
      var count = projectionsList.length;

      // set timer to change map projection every 500 mc
      setInterval(function () {
        // loop projection index
        if (index >= count) index %= count;

        // take projection name from the list
        var projection = projectionsList[index];

        // update map title
        map.title('Map projection: ' + projection);

        // set projection to the map
        map.crs(projection);

        index++;
      }, 1500);
    });
  
</script>
</body>
</html>