0

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

4

1 回答 1

0

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

于 2014-05-09T14:43:41.810 回答