Echarts加载自定义地图geoJson
来源:互联网 发布:移动刷流量软件 编辑:程序博客网 时间:2024/05/22 15:08
Echarts3提供的地图有时无法满足我们的需求,这时可以引入geoJson作为底图。
准备你的geoJson文件,注意中括号的数量
"geometry": { "type": "Polygon", "coordinates": [ [ [-10.0, -10.0], [10.0, -10.0], [10.0, 10.0], [-10.0, -10.0] ] ] }
或者是
"geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [180.0, 40.0], [180.0, 50.0], [170.0, 50.0], [170.0, 40.0], [180.0, 40.0] ] ], [ [ [-170.0, 40.0], [-170.0, 50.0], [-180.0, 50.0], [-180.0, 40.0], [-170.0, 40.0] ] ] ] }
在echarts3中先注册再使用。
// 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main'));$.get('myJson.json', function (myJson){ echarts.registerMap('MY', myJson) //注册 var option = { series: [ { name: 'my custom map', type: 'map', roam: true, map: 'MY' //使用 } ] };myChart.setOption(option);}
echarts提供了例子但是很容易忽略这个链接
官方实例点我去看
阅读全文
0 0
- Echarts加载自定义地图geoJson
- echarts之基于geojson的自定义地图
- eCharts添加自定义geojson数据实现地图展示
- echarts地图扩展文件使用geoJson格式。
- echarts 获取geojson中的数据
- Echarts动态加载地图数据(Dynamic load Echarts map data)
- 关于echarts加载地图时好时坏的问题
- OpenLayers3加载Geojson文件
- openlayers加载geojson数据 *
- echarts 地图数据补充 自定义区域
- echarts地图
- 对geojson数据的加载
- echarts地图 json数据 和 后套动态数据加载
- echarts地图 json数据 和 后套动态数据加载
- ECharts散点图地图加载不出来的问题
- echarts地图动态加载数据,字号调整及innerHTML标题
- Echarts之地图自定义lable文本标签&去掉小点
- GeoJSON
- BeanUtils.copyProperties()用法
- bzoj1116 [POI2008]CLO(记录带环连通块)
- 死锁的条件
- linux下基本操作记录mongodb
- OpenCv基础知识梳理总结
- Echarts加载自定义地图geoJson
- SQL 查询存储过程、视图内容
- HDU 5253 连接的管道(kruskal+状态压缩+二维转化为一维)
- ES6的Lambda表达式
- CentOS7.3安装rocketmq
- 【C++】之【运算符重载函数】
- [Linux]入坑笔记(一) 目录
- vim插件之taglist
- leetcode 59. Spiral Matrix II 螺旋方式写矩阵