正在显示
1 个修改的文件
包含
5 行增加
和
5 行删除
| 1 | -Leaflet地图扩展 | |
| 1 | +# Leaflet地图扩展 | |
| 2 | 2 | |
| 3 | 3 | ECharts使用Leaflet地图扩展,以Leaflet地图为底图展示点、线等可视化。可替换Echarts的地图。 |
| 4 | 4 | |
| 5 | -引入 | |
| 5 | +## 引入 | |
| 6 | 6 | 再引入Leaflet和Echarts的基础上直接引入leaflet-echarts3.js文件 |
| 7 | 7 | |
| 8 | 8 | <script src="../libs/echarts/dist/echarts.min.js"></script> |
| 9 | 9 | <script src="../libs/leaflet/dist/leaflet.js"></script> |
| 10 | 10 | <script src="../dist/leaflet-echarts3.min.js"></script> |
| 11 | 11 | |
| 12 | -使用 | |
| 13 | -方法一: | |
| 12 | +##使用 | |
| 13 | +#方法一: | |
| 14 | 14 | 系统使用lmap模型来绘制地图,可将原来的geo模型替换为lmap |
| 15 | 15 | option = { |
| 16 | 16 | lmap: { |
| ... | ... | @@ -25,7 +25,7 @@ option = { |
| 25 | 25 | var myChart = LeafletEcharts.initEcharts(document.getElementById("chart")); |
| 26 | 26 | myChart.setOption(option); |
| 27 | 27 | var map = myChart.getMap(); //获得Leaflet 地图对象 |
| 28 | -方法二: | |
| 28 | +#方法二: | |
| 29 | 29 | var le = LeafletEcharts.initMap('map'); |
| 30 | 30 | var map = le.getMap(); //获得Leaflet 地图对象; |
| 31 | 31 | .... //使用map进行常规的Map操作, 如添加控件,图层 | ... | ... |
请
注册
或
登录
后发表评论