我在开始使用以下代码时遇到了一些问题:
<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都会显示一个非常糟糕的世界
我是不是漏掉了什么很愚蠢的东西?
发布于 2019-12-17 20:25:28
我想通了。我指的是在开发模式下使用https的库(http)。
https://stackoverflow.com/questions/59372854
复制相似问题