Echarts与bmap结合使用百度地图系统自带的12个个性化模板mapStyle列表

bmap样式设置

    var myChart = echarts.init(document.getElementById('mapmain'));

    var option = {
            bmap: {
                center: [113.844038, 22.907044],//默认中心点;
                zoom: 12,//缩放级别；
                roam: false,//是否缩放
                mapStyle:{style:'hardedge'}
                mapOptions: {
                    enableMapClick: false//能都是地图可以点击
                },     
            },
           geo: {                
                map: 'bmap',                    
                type: 'map'
            },
            series: []    }
    myChart.setOption(option);

需要在页面中加上

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=zTFUTonQTDYdHq99eDIqTwmlTDroQvly"></script>

_需要引入文件bmap.js _

注意  ak需要自己去官网自己注册

设置地图样式,将style改为模板下方的英文名称：`mapStyle:{style:‘hardedge’}

系统自带12个样式，具体如下：

1. .默认地图样式(normal) {style:'normal'}
2. 清新蓝风格(light):{style:'light'}
3. 黑夜风格(dark):{style:'dark'}
4. 红色警戒风格(redalert):{style:‘redalert’}
5. 精简风格(googlelite):{style:'googlelite'}
6. 自然绿风格(grassgreen):{style:'grassgreen'}
7. 午夜蓝风格(midnight)：{style:'midnight'}
8. 浪漫粉风格(pink)：{style:'pink'}
9. 青春绿风格(darkgreen)：{style:'darkgreen'}
10. 清新蓝绿风格(bluish)：{style:'bluish'}
11. 高端灰风格(grayscale)：{style:'grayscale'}
12. 强边界风格(hardedge)：{style:'hardedge'}

个性化开发     简介里面的个性化地图样式编译器