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