openlayers_echart
最新版的OpenLayers与最新的ECharts相结合,实现了将ECharts中的地图换成OpenLayers的地图。
npm使用
通过npm安装 :
npm install openlayers_echart
项目中引用(option为ECharts中的配置项,map为OL的地图对象,echarts为ECharts的共有输出对象(不是自己初始化的那个))
import ADLayer from 'openlayers_echart'
var oe = new ADLayer(option,map,echarts)
oe.render()
npm地址:https://www.npmjs.com/package/openlayers_echart
- ES6使用方法:
1.下载项目目录中js文件:openlayers_echart/src/openlayers.echart.js
2.在自己的js文件中添加:
import ADLayer from 'openlayers.echart.js(该文件所在路径,相对绝对均可)'
3.实例化。(option为ECharts中的配置项,map为OL的地图对象,echarts为ECharts的共有输出对象(不是自己初始化的那个))
var oe = new ADLayer(option,map,echarts)
oe.render()
- ES5使用方法:
- 下载项目目录中js文件:openlayers_echart/dist/JS/openlayers_echart.es5.js
- 在html页面中引入该js文件,该文件依赖Echart库的js的文件。
- 实例化。(option为ECharts中的配置项,map为OL的地图对象,echarts为ECharts的共有输出对象(不是自己初始化的那个))
var oe = new ADLayer(option,map,echarts)
oe.render()
代码及示例下载地址:GitHub