可选择底色列表
<select id="stylelist" onchange="changeMapStyle(this.value)">
<option value="normal">默认地图样式</option> //系统默认
<option value="light">清新蓝风格</option> //不需要第三方库
<option value="dark">黑夜风格</option> //不需要第三方库
<option value="redalert">红色警戒风格</option>
<option value="googlelite">精简风格</option>
<option value="grassgreen">自然绿风格</option>
<option value="midnight">午夜蓝风格</option>
<option value="pink">浪漫粉风格</option>
<option value="darkgreen">青春绿风格</option>
<option value="bluish">清新蓝绿风格</option>
<option value="grayscale">高端灰风格</option>
<option value="hardedge">强边界风格</option>
</select>
使用方式
var map = new BMap.Map("div_map_id");
function changeMapStyle(style){
var mapStyle ={
features: ["road","building","water","land"],//隐藏地图上的"poi",
style : style,
};
map.setMapStyle(mapStyle);
}
注意事项
其他样式需要引用第三方库：
<script type="text/javascript" src="http://developer.baidu.com/map/custom/stylelist.js"></script>
---------------------
作者：murenqishi
来源：CSDN
原文：https://blog.csdn.net/murenqishi/article/details/39695371
版权声明：本文为博主原创文章，转载请附上博文链接！