To start using amMaps

Question

I tried to use amMaps library to create a map. Here is my code:

<body>
    <div id="chardiv"></div>

    <script src="https://www.amcharts.com/lib/4/core.js"></script>
    <script src="https://www.amcharts.com/lib/4/maps.js"></script>
    <script src="https://www.amcharts.com/lib/4/geodata/worldLow.js"></script>
    <script>
        var map = am4core.create("chardiv", am4maps.MapChart);
        map.geodata = am4geodata_worldLow;
    </script>
</body>

As result I got a transparent div-block with amCharts logo. What did I do wrong?

You should probably start with a getting started tutorial: https://www.amcharts.com/docs/v4/chart-types/map/ — martynasma, Mar 08 '20 at 07:57

score 1 · Accepted Answer · answered Mar 06 '20 at 12:52

1

If you change your script part

am4core.ready(function() {
var chart = am4core.create("chartdiv", am4maps.MapChart);
chart.geodata = am4geodata_worldLow;

var worldSeries = chart.series.push(new am4maps.MapPolygonSeries());
worldSeries.exclude = ["AQ"];
worldSeries.useGeodata = true;
});

It should work

answered Mar 06 '20 at 12:52

Lvka

109
10

Thank you very much! It works. It's time to learn more about the library :) – Константин Mar 08 '20 at 11:11
If you find my answer acceptable and it resolved your issues, please consider to mark my answer as accepted. Thank you. – Lvka Mar 26 '20 at 16:57

To start using amMaps

1 Answers1