2024年06月09日 建站教程
调用百度echarts地图的时候如何修改地图的默认底色,下面web建站小编给大家简单介绍一下切换代码!
如果只需要清新蓝风格、黑夜风格可以直接调用
<select id="stylelist" οnchange="changeMapStyle(this.value)"> <option value="normal">默认地图样式</option> //系统默认 <option value="light">清新蓝风格</option> <option value="dark">黑夜风格</option> </select>
如果需要以下风格需要引用百度第三方库http://developer.baidu.com/map/custom/stylelist.js
<select id="stylelist" οnchange="changeMapStyle(this.value)"> <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"], style : style, }; map.setMapStyle(mapStyle); }
本文链接:http://so.lmcjl.com/news/6217/