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