地图的基本实现

<script src="lib/jquery.min.js"></script>

<div id="main" style="width: 700px;height:400px;"></div>
<script type="text/javascript">
        var myChart = echarts.init(document.getElementById(‘main‘));
        // ret是中国各个省份的矢量地图数据
        $.get(‘json/map/china.json‘, function (ret) {
            echarts.registerMap(‘chinaMap‘, ret);
            var option = {
                geo: {
                    type: ‘map‘,
                    map: ‘chinaMap‘, // chinaMap要和registerMap的第一个数据保持一致
                    roam: true, // 可以进行拖到和滚轮缩放
                    label:{
                        show:true // 一开始就显示省份
                    },
                    zoom:1, // 初始化缩放比例
                    center:[87.617733,43.792818] // 地图的中心点
                }
            };
            myChart.setOption(option);
        })
    </script>