定制个性地图是支持用户使用JavaScript API Lite设置地图底图的样式风格（展现颜色为普通、深色、浅色）以及控制组成地图底图的元素类的显示和隐藏，创建满足用户特定需求的与众不同的地图，如通过隐藏某类地图元素，突出展示自己的数据。
请参考文档最后扫描二维码体验～

• 通过百度地图提供的样式模板，选择地图，然后通过JavaScriptAPI的setMapStyle方法调用生效

• 通过个性地图编辑工具，自行编辑地图展示样式，生成地图样式json，然后通过JavaScriptAPI的方法调用生效

深夜版地图效果如下：

选择模板方式简单好用，对于初学者可选用这种方式。
使用步骤如下：

目前开放平台为用户提供多种不同风格的模板，点击下方模板示意图即可进入模板页面查看模板，开发者可以从中选择感兴趣的模板进行开发。

模板示意图如下：

在声明地图对象时，通过设计MapStyle配置的style属性，加载个性化模板。

其中，mapStyle是MapOptions类的一个可选的配置属性。style属性的值可以是任意模板的英文名。

var map = new BMap.Map('container', {mapStyle: {style: 'light'}}) 

如下示例为配置成grassgreen风格

var map = new BMap.Map('container', {mapStyle: {style: 'grassgreen'}})

设置后地图效果如下：

该方式是指开发者可以借助个性地图编辑工具，通过改变地图元素的颜色、亮度、饱和度、文本标注填充色、文本标注等生成样式配置json，然后通过调用JavaScriptAPI方法使配置生效。
操作页面截图如下：

使用步骤如下：

样式规则是对元素、属性及样式的统一描述，地图样式由多条样式规则组合而成，编辑首个元素时默认有一条规则，用户可以基于修改地图样式，后续编辑元素时，需要重新创建一条规则。

创建完样式规则后，需要选择要修改的地图元素。目前可以修改的地图元素包括如下几种：

诸如道路这类元素由文本和线状元素组成，属性用来指定是修改文本还是线的边框、填充色，如下图指定修改道路的边框：

选定属性后，下一步是选择要修改的样式，如要设置道路边框的颜色为红色，则按如下操作：

预览效果如下：

要将编辑后的地图样式应用到自己的网站上，需要先从查看json处（下图）获取样式json

设置代码如下：

var liteMap = new BMap.Map('map_container', {
mapStyle: {
styleJson:[{
"featureType": "all",
"elementType": "geometry",
"stylers": {
"hue": "#007fff",
"saturation": 89
}
}, {
"featureType": "water",
"elementType": "all",
"stylers": {
"color": "#ffffff"
}

扫描二维码体验：