正在显示
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操作, 如添加控件,图层 |
请
注册
或
登录
后发表评论