参考：http://blog.csdn.net/xieweikun7/article/details/52766676

1、首先，下载嘛

　　Echarts　　http://echarts.baidu.com/download.html

　　百度地图　　http://lbsyun.baidu.com/　　>>>>　　功能与服务>>>>地图>>>>获取密钥>>>>按提示操作

 

2、引入插件

<script type="text/java script" src="echarts.min.js"></script>
<script type="text/java script" src="bmap.js"></script>　
<script type="text/java script" src="http://api.map.baidu.com/api?v=3.0&ak=？"></script>      

　　问号处是你获取的密钥

 

3、开始写js

　　设置地图高度为宽的9/16，高度不能没有，没有高度地图显示不出来，高是多少你随意

　　$('#statistics-map').height($('#statistics-map').width() * 8 / 16);

 

4、var geoCoordMap={‘北京市’: [116.395645, 39.929986],...}

　　设置坐标经纬度Echarts实例就是写死的，我的也是写死的，要活的也行，在百度地图开发平台下载一个

　　http://lbsyun.baidu.com/index.php?title=open/dev-res

　　这是我能找到最全的，不过数据和var geoCoordMap{}不太一样，后面写方法的时候可以自己调

 

5、var data={}

　　设置你的数据，当然了，写死也行，通过后台传值也行，但一定要有，毕竟没有数据就没有意义了

 

6、我的地图基本上是从Echart实例拷贝过来的，做了一点修改，符合自己的项目要求，其中的注释其实大多是英文的中文翻译，英语好的挑不懂的看

var option = {
    title: {　　//标题
        text: '',　　
        subtext: '',　　//副标题
        sublink: '',　　//副标题链接
        left: 'center'　　//标题位置，居中
    },
    tooltip: {　　//工具提示
        trigger: 'item'     // 触发类型，默认数据触发，见下图，可选为：'item' | 'axis'
    },
    bmap: {　　//百度地图的设置
        center: [106.23248, 37.48644],　　//中心点
        zoom: 5,　　　　　　　　　//缩放　　　　　　　
        roam: true,　　　　　　//漫游
        mapStyle: {　　//地图样式
            styleJson: [{
                    "featureType": "water",　　//水
                    "elementType": "all",　　　　//feature是特征，element是元素
                    "stylers": {
                        "color": "#044161"
                    }
                },
                {
                    "featureType": "land",　　//陆地
                    "elementType": "all",
                    "stylers": {
                        "color": "#004981"
                    }
                },
                {
                    "featureType": "boundary",　　//边界
                    "elementType": "geometry",
                    "stylers": {
                        "color": "#064f85"
                    }
                },
                {
                    "featureType": "railway",　　//铁路
                    "elementType": "all",
                    "stylers": {
                        "visibility": "off"
                    }
                },
                {
                    "featureType": "highway",　　//高速及国道
                    "elementType": "geometry",　　//几何（图形）
                    "stylers": {
                        "color": "#004981"
                    }
                },
                {
                    "featureType": "highway",　　
                    "elementType": "geometry.fill",　　//几何填充
                    "stylers": {
                        "color": "#005b96",
                        "lightness": 1
                    }
                },
                {
                    "featureType": "highway",
                    "elementType": "labels",　　　　//标签
                    "stylers": {
                        "visibility": "off"
                    }
                },
                {
                    "featureType": "arterial",　　//城市主路
                    "elementType": "geometry",
                    "stylers": {
                        "color": "#004981"
                    }
                },
                {
                    "featureType": "arterial",
                    "elementType": "geome