Apache ECharts地图很奇怪(非常基本的问题)

问题描述 投票:0回答:1

嗨,使用以下代码有些麻烦:

<html>
<head>
    <script src="https://echarts.apache.org/examples/vendors/echarts/echarts.min.js?_v_=1574102238076"></script>
    <script src="https://echarts.apache.org/examples/vendors/echarts/map/js/world.js?_v_=1574102238076"></script>
</head>
<body>
    <div id="eChartVersionIt_33_0" style="height: 535px; width: 935px;" ></div>
    <script>
    function distrLocaEu(container, commandName) {
        var myChart = echarts.init(document.getElementById(container));
        option = {
                backgroundColor: '#111',
                geo: {
                    map: 'world',
                },
            }

        myChart.setOption(option);
    };
    distrLocaEu('eChartVersionIt_33_0','ChartDistrLocaEu');
    </script>

</body>
</html>

这应该渲染一个空的世界地图。

实际上,将其复制/粘贴到JsFiddle中可以正常工作。如果我放入普通的HTML文件,则Firefox和Chrome都会显示一个非常损坏的世界

我想念一些非常愚蠢的东西吗?

echarts
1个回答
0
投票

弄清楚了。在开发人员模式(http)中,我使用https引用库。

© www.soinside.com 2019 - 2024. All rights reserved.