时间戳

首页 > 解决方案 > 开始使用 amMaps

javascript - 开始使用 amMaps

问题描述

我尝试使用 amMaps 库来创建地图。这是我的代码：

<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>

结果，我得到了一个带有 amCharts 标志的透明 div 块。我做错什么了？

标签： javascriptamchartsammap

解决方案

如果您更改脚本部分

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;
});

它应该工作

推荐阅读