caoxen
<script src="js/map/shandong.js"></script>

var
maps = echarts.init(document.getElementById(\'map\')); var option = { tooltip: { formatter: function(params) { var content = \'\', content = params.name + \'<br>\' + params.value[0] + params.value[1]; return content; } }, backgroundColor: \'#040f3c\', visualMap: { show: false, min: 0, max: 300, inRange: { color: [\'#e0ffff\', \'#006edd\'] }, calculable: true }, series:[{ name: \'山东\', type: \'map3D\', map: \'山东\', data: [{name: \'青岛市\', value: [222, \'GDP\']}], regionHeight: 2, top: \'10%\', label: { show: true, formatter:function (params) { var content = \'\', content = params.name; return content; }, textStyle: { color: \'#fff\', fontWeight: \'normal\', fontSize: 12, backgroundColor: \'rgba(0, 0, 0, 0)\' }, emphasis: { //鼠标悬浮效果 show: true, textStyle: {color: \'#f00\'} } }, itemStyle: { normal: {borWidth: 0.4}, emphasis: {color: \'rgb(255,255,255)\'} //地图板块颜色 }, viewControl: { autoRotate: false, // 自动旋转 distance: 70 } }] } maps.setOption(option) maps.on(\'click\', function (params) { console.log(parmas) })

 

分类:

技术点:

相关文章: