调用百度echarts地图如何修改底色

1427 ℃

调用百度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);
}

百度地图app获取经纬度信息方法

前端结合Java代码如何利用百度地图获取点击位置的天气信息?

如何利用php语法实现百度地图功能

百度echarts雷达图radar根据分数点显示每个不同颜色

百度ECharts文档官网介绍

标签: 百度echarts, 百度地图

上面是“调用百度echarts地图如何修改底色”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_3457.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

Trae:新一代免费的AI编程工具
网站优化之及时处理死链接有什么好处?
行业是否要做网站SEO的建议(新手必看)!
dedecms教程之单表模型动态浏览设置方法分享
修改dedecms上传文件自动重命名的方法
vuejs项目常用指令介绍