Echarts的点地图没有效果，只有引用的地图
<script src="js/echarts.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=4Pan8hNAtstuEhtAgVibkT6PrVajdHDe"></script>
<script src="js/extension/bmap.js"></script>
<script src="js/dark.js"></script>
<script src="js/vintage.js"></script>
<script src="js/roma.js"></script>
<script src="js/shine.js"></script>
<script src="js/infographic.js"></script>
<script src="js/macarons.js"></script>
<!-- Uncomment this line if you want to dataTool extension
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/extension/dataTool.min.js"></script>
-->
<!-- Uncomment this line if you want to use gl extension
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl@2/dist/echarts-gl.min.js"></script>
-->
<!-- Uncomment this line if you want to echarts-stat extension
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat@latest/dist/ecStat.min.js"></script>
-->
<!-- Uncomment this line if you want to use map
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/map/js/china.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/map/js/world.js"></script>
-->
<!-- Uncomment these two lines if you want to use bmap extension
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=<Your Key Here>"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/extension/bmap.min.js"></script>
-->
<script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};
var option;
var data = [
{name:'甘肃', vaule:[705613]},//
{name:'青海', vaule:[183274]},//
{name:'四川', vaule:[1962005]},//
{name:'河北', vaule:[1813264]},//
{name:'云南', vaule:[1002321]},//
{name:'贵州', vaule:[689649]},//
{name:'湖北', vaule:[2077526]},//
{name:'河南', vaule:[1858760]},//
{name:'山东', vaule:[3161869]},//
{name:'江苏', vaule:[3298133]},//
{name:'安徽', vaule:[1446936]},//
{name:'浙江', vaule:[2098829]},//
{name:'江西', vaule:[1057732]},//
{name:'福建', vaule:[1263231]},//
{name:'广东', vaule:[3287295]},//
{name:'湖南', vaule:[1680612]},//
{name:'海南', vaule:[242323]},//
{name:'辽宁', vaule:[2233535]},//
{name:'吉林', vaule:[1216386]},//
{name:'黑龙江', vaule:[1413428]},//
{name:'山西', vaule:[1055226]},//
{name:'陕西', vaule:[1438244]},//
// 4直辖市
{name:'北京', vaule:[3109069]},//
{name:'上海', vaule:[2401283]},//
{name:'重庆', vaule:[989687]},//
{name:'天津', vaule:[1069485]},//
// 5自治区
{name:'内蒙古', vaule:[875760]},//
{name:'广西', vaule:[955852]},//
{name:'西藏', vaule:[68266]},//
{name:'宁夏', vaule:[218374]},//
{name:'新疆', vaule:[751826]}//
];
var geoCoordMap = {
'甘肃':[103.73, 36.03],//
'青海':[101.74, 36.56],//
'四川':[104.06, 30.67],//
'河北':[114.48, 38.03],//
'云南':[102.73, 25.04],//
'贵州':[106.71, 26.57],//
'湖北':[114.31, 30.52],//
'河南':[113.65, 34.76],//
'山东':[117, 36.65],//
'江苏':[118.78, 32.04],//
'安徽':[117.27, 31.86],//
'浙江':[120.19, 30.26],//
'江西':[115.89, 28.68],//
'福建':[119.3, 26.08],//
'广东':[113.23, 23.16],//
'湖南':[113, 28.21],//
'海南':[110.35, 20.02],//
'辽宁':[123.38, 41.8],//
'吉林':[125.35, 43.88],//
'黑龙江':[126.63, 45.75],//
'山西':[112.53, 37.87],//
'陕西':[108.95, 34.27],//
'台湾':[121.30, 25.03],//
'北京':[116.46, 39.92],//
'上海':[121.48, 31.22],//
'重庆':[106.54, 29.59],//
'天津':[117.2, 39.13],//
'内蒙古':[111.65, 40.82],//
'广西':[108.33, 22.84],//
'西藏':[91.11, 29.97],//
'宁夏':[106.27, 38.47],//
'新疆':[87.68, 43.77]//
};
var convertData = function (data) {
var res = [];
for (var i = 0; i < data.length; i++) {
var geoCoord = geoCoordMap[data[i].name];
if (geoCoord) {
res.push({
name: data[i].name,
value: geoCoord.concat(data[i].value)
});
}
}
return res;
};
option = {
title: {
text: '全国本科人口统计 - 百度地图',
subtext: '数据来源：',
left: 'center'
},
tooltip : {
trigger: 'item'
},
bmap: {
center: [104.114129, 37.550339],
zoom: 5,
roam: true,
mapStyle: {
styleJson: [{
'featureType': 'water',
'elementType': 'all',
'stylers': {
'color': ''
}
}, {
'featureType': 'land',
'elementType': 'all',
'stylers': {
'color': ''
}
}, {
'featureType': 'railway',
'elementType': 'all',
'stylers': {
'visibility': 'off'
}
}, {
'featureType': 'highway',
'elementType': 'all',
'stylers': {
'color': ''
}
}, {
'featureType': 'highway',
'elementType': 'labels',
'stylers': {
'visibility': 'off'
}
}, {
'featureType': 'arterial',
'elementType': 'geometry',
'stylers': {
'color': ''
}
}, {
'featureType': 'arterial',
'elementType': 'geometry.fill',
'stylers': {
'color': ''
}
}, {
'featureType': 'poi',
'elementType': 'all',
'stylers': {
'visibility': 'off'
}
}, {
'featureType': 'green',
'elementType': 'all',
'stylers': {
'visibility': 'off'
}
}, {
'featureType': 'subway',
'elementType': 'all',
'stylers': {
'visibility': 'off'
}
}, {
'featureType': 'manmade',
'elementType': 'all',
'stylers': {
'color': ''
}
}, {
'featureType': 'local',
'elementType': 'all',
'stylers': {
'color': ''
}
}, {
'featureType': 'arterial',
'elementType': 'labels',
'stylers': {
'visibility': 'off'
}
}, {
'featureType': 'boundary',
'elementType': 'all',
'stylers': {
'color': '
}
}, {
'featureType': 'building',
'elementType': 'all',
'stylers': {
'color': ''
}
}, {
'featureType': 'label',
'elementType': 'labels.text.fill',
'stylers': {
'color': ''
}
}]
}
},
series : [
{
name: '人数',
type: 'scatter',
coordinateSystem: 'bmap',
data: convertData(data),
symbolSize: function (val) {
return val[2] / 100;
},
encode: {
value: 2
},
label: {
formatter: '{b}',
position: 'right',
show: false
},
emphasis: {
label: {
show: true
}
}
},
{
name: 'Top 3',
type: 'effectScatter',
coordinateSystem: 'bmap',
data: convertData(data.sort(function (a, b) {
return b.value - a.value;
}).slice(0, 3)),
symbolSize: function (val) {
return val[2] / 100;
},
encode: {
value: 2
},
showEffectOn: 'render',
rippleEffect: {
brushType: 'stroke'
},
hoverAnimation: true,
label: {
formatter: '{b}',
position: 'right',
show: true
},
itemStyle: {
shadowBlur: 10,
shadowColor: ''
},
zlevel: 1
}
]
};
if (option && typeof option === 'object') {
myChart.setOption(option);
}
</script>
</body>
运行结果及报错内容
"DEPRECATED: 'scale' has been deprecated. use 'scaleX', 'scaleY' instead" /点地图/js/echarts.min.js (13)
求解决报错
