AmCharts Map

A sample marker map with AmCharts

by Checha Man

HTML

<script src="//www.amcharts.com/lib/4/core.js"></script>
  <script src="//www.amcharts.com/lib/4/maps.js"></script>
  <script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>
  <script src="//www.amcharts.com/lib/4/geodata/worldLow.js"></script>

  <div id="mymap"></div>

CSS

#mymap {
  width: 90%;
  height: 555px;
  border: 1px solid green;
}

JavaScript

am4core.useTheme(am4themes_animated);
var map = am4core.create("mymap", am4maps.MapChart);
map.projection = new am4maps.projections.Miller();

var polygonSeries = map.series.push(new am4maps.MapPolygonSeries());

// Exclude Antartica
polygonSeries.exclude = ["AQ"];

polygonSeries.geodata = am4geodata_worldLow;
console.log(map);