本篇将使用 setMapStyle 为地图应用个性化样式，让页面更清爽简洁、突出景点信息。

百度地图提供了可视化的个性化样式编辑器，无需手写 JSON：

1. 打开百度地图个性化编辑器

2. 在编辑器中拖拽调整各要素的颜色、可见性

3. 实时预览效果

4. 从右侧面板获取 styleJson 或 styleId

有两种方式应用样式，选其一即可：
方式一：使用 styleId（推荐，简洁）

map.setMapStyle({
    styleId: '从编辑器获取的styleId'
});

方式二：使用 styleJson

map.setMapStyle({
    styleJson: [
        {
            featureType: 'poilabel',
            elementType: 'labels.icon',
            stylers: { visibility: 'off' }
        },
        {
            featureType: 'poilabel',
            elementType: 'labels',
            stylers: { visibility: 'off' }
        },
        {
            featureType: 'scenicspotslabel',
            elementType: 'labels',
            stylers: { visibility: 'on' }
        },
        {
            featureType: 'road',
            elementType: 'geometry.fill',
            stylers: { color: '#e2e2e2ff' }
        },
        {
            featureType: 'road',
            elementType: 'geometry.stroke',
            stylers: { color: '#c7c6c6ff' }
        }
    ]
});

这段样式去除了非景点类的 POI 标注，并淡化了路网颜色，让景点标记更突出。
应用样式前后对比：

样式应该在地图初始化后尽早设置，这样用户看到的第一眼就是定制样式：

var map = new BMap.Map('map', {
    center: new BMap.Point(116.310, 39.992),
    zoom: 13
});

// 紧接着设置样式
map.setMapStyle({ styleId: 'xxx' });

至此，我们已经实现从一个空白 HTML 到一个功能完整的周边景点检索应用，整个系列覆盖了：

接下来您可通过开发指南进一步了解百度地图JSAPI的进阶使用方法。