echarts地图文字重叠解决方案_基于Echarts的百度地图叠加arcgis server的WMS图层服务...

前言

前阵子利用echarts+百度地图做系统的门户首页，遇到一个要地图上叠加产业城影响范围示意图的需求。查阅文档之后，发现百度地图API确实提供了叠加自定义图层的方法，详情请看：

百度地图API的Map类

其核心类是TileLayer，详细内容如下：

同时，百度地图API官网也提供了示例: 添加清华校园微观图

但是官网提供的示例根本无法满足我的要求，后面查阅相关文档才发现，百度地图是支持WMS图层服务的，在此，感谢CodingSir大佬的博文，给了我不少的启发。链接地址：baidu地图API叠加自定义图层(一)

实现思路

引入基于Echarts的百度地图

关键代码

function addWMSLayer() {

// 获取百度地图实例

var map = echarts.init(document.getElementById("echarts")).getModel().getComponent('bmap').getBMap();

// 初始化地图切片

var tileLayer = new BMap.TileLayer({ isTransparentPng: true });

// 百度地图切片方案

var resolutions = [