地图的常见效果

<script src="lib/echarts.min.js"></script>
<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/shandong.json‘, function (ret) {
            console.log(ret)
            echarts.registerMap(‘anhuiMap‘, ret);
            var option = {
                geo: {
                    type: ‘map‘,
                    map: ‘anhuiMap‘, // anhuiMap要和registerMap的第一个数据保持一致
                    roam: true, // 可以进行拖到和滚轮缩放
                    label:{
                        show:true // 一开始就显示省份
                    },
                    zoom:1, // 初始化缩放比例
                    // 这个坐标值可以通过地图矢量数据ret获取到
                    center:[120.355173, 36.082982] // 地图中心点
                }
            };
            myChart.setOption(option);
        })
    </script>