百度地图api自定义修改地图背景样式

引入百度地图api就不用多说了吧！

https://developer.baidu.com/map/custom/
//这个网址可以去模拟修改百度地图样式

当修改到心仪的样式时，点击生成JSON，就会弹出样式，
接着你就可以在你代码地图实例化的时候进行修改

 var style_map=[  {
     
        // 地图背景
                    "featureType": "land",
                    "elementType": "all",
                    "stylers": {
     
                              "color": "#93c47dff",
                              "lightness": -1
                    }
          },  {
     
            // 水路背景
                    "featureType": "water",
                    "elementType": "all",
                    "stylers": {
     
                              "color": "#a2c4c9ff",
                              "lightness": -1
                    }
          }, {
     
            // 绿地背景
                    "featureType": "green",
                    "elementType": "all",
                    "stylers": {
     
                              "color": "#ffffccff",
                              "lightness": -1
                    }
          },{
     
            // 教育地区
                    "featureType": "education",
                    "elementType": "all",
                    "stylers": {
     
                              "color": "#d5a6bdff",
                              "lightness": -1
                    }
          } ]
          //将样式加载到地图中
          map.setMapStyle({
     styleJson:eval("style_map")});

然后地图样式就修改了

百度地图api 也有自己写好的样式，不过个人观点感觉不太好搭，

var style_map=['normal','light','dark','redalert','googlelite','grassgreen','midnight','pink','darkgreen','bluish','grayscale','hardedge'];
//分别风格是：默认地图样式，清新蓝风格，黑夜风格，红色警戒风格，精简风格，自然绿风格，午夜蓝风格，浪漫粉风格，青春绿风格，清新蓝绿风格，高端灰风格，强边界风格

用来没啥问题就是颜色有点尴尬，总觉得不太舒服，个人建议还是去自己调一下！！！

//首先定义对象，style就是上面数组内的东西
 var mapStyle = {
     
        features: ["road", "building", "water", "land"], //隐藏地图上的"poi",
        style: "grassgreen"
      };
       map.setMapStyle(mapStyle);

数组中前三个不需要引入第三方库
其他的则需要引入

<script type="text/javascript" src="http://developer.baidu.com/map/custom/stylelist.js"></script>

success，结束！