嗨,使用以下代码有些麻烦:
<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都会显示一个非常损坏的世界
我想念一些非常愚蠢的东西吗?
弄清楚了。在开发人员模式(http)中,我使用https引用库。