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

【问题标题】：Map will not display on screen, svg tag is inserted地图不会显示在屏幕上，插入 svg 标签
【发布时间】：2014-05-09 13:51:31
【问题描述】：

我已从 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 导致我看到地图导航控件，但仍然没有地图

【问题讨论】：

标签： javascript amcharts ammap

【解决方案1】：

要显示地图，我必须将 mapVar 属性的值从“worldLow”更改为 AmCharts.maps.worldLow。

【讨论】：