Question

我从ammaps网站上获取了教程，并将其放在一个html页面中。调用map.write并插入SVG标记时，我从未在浏览器中看到任何内容。我检查过并且JS文件正在加载并且顺序正确。我也没有在控制台中出现任何错误。您将在下面找到我正在使用的代码：

<html>
<head>
    <style>
        #chartdiv {
            width   : 100%;
            height  : 500px;
        }               
    </style>
</head>
<body>
    <div id = "mapdiv" style="width: 600px; height: 400px;">
    </div>

    <script src="../libs/jquery-1.10.2.min.js"></script>
    <script src="../libs/ammaps/ammap.js"></script>
    <script src="../libs/ammaps/maps/js/worldLow.js"></script>
    <script>
        AmCharts.ready(function() {
            console.log("AmCharts.ready");

            var map = new AmCharts.AmMap();
            map.pathToImages = "ammap/images/";
            var dataProvider = {
                //map: "worldLow",
                        mapVar: "worldLow",
                getAreasFromMap:true              
            }; 
            map.dataProvider = dataProvider;
            map.areasSettings = {
                autoZoom: true,
                selectedColor: "#CC0000"
            };
            map.smallMap = new AmCharts.SmallMap();
            map.write("mapdiv");
        });
    </script>
</body>
</html>

更新：我发现通过将dataProvider对象的map属性从map更改为mapVar导致我查看地图导航控件，但仍然没有地图

Answer 1

要解决我的问题并显示地图，我必须将mapVar属性的值从“worldLow”更改为AmCharts.maps.worldLow。我不知道教程是否维护得不好，或者我的库有过时的版本。

地图不会显示在屏幕上，插入了svg标签

1 个答案: