百度echarts地图修改默认底色

2024年06月09日 建站教程

<select id="mapStyle" οnchange="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("mapId");
 
function changeMapStyle(style){
    var mapStyle ={
        features: ["road","building","water","land"],//隐藏地图上的"poi",
        style : style,
    };
    map.setMapStyle(mapStyle);
}

本文链接:http://so.lmcjl.com/news/6224/

展开阅读全文
相关内容