All Projects → flowfyre → Leaflet.flowecharts

flowfyre / Leaflet.flowecharts

leaflet plugin for Baidu Echarts

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Leaflet.flowecharts

esri-leaflet-vector
Display ArcGIS Online vector basemaps w/ Esri Leaflet
Stars: ✭ 39 (+129.41%)
Mutual labels:  leaflet, leaflet-plugins
GTD-Visualization
全球恐怖袭击数据可视化
Stars: ✭ 31 (+82.35%)
Mutual labels:  leaflet, echarts
leaflet-area-select
Control to just select an area and provide bbox for it
Stars: ✭ 27 (+58.82%)
Mutual labels:  leaflet, leaflet-plugins
echarty
Minimal R/Shiny Interface to ECharts.js
Stars: ✭ 49 (+188.24%)
Mutual labels:  leaflet, echarts
Leaflet Ant Path
🌿🐜 Creates a leaflet polyline with a 'ant-path' animated flux
Stars: ✭ 296 (+1641.18%)
Mutual labels:  leaflet-plugins, leaflet
leaflet-defaulticon-compatibility
Retrieve all Leaflet Default Icon options from CSS, in particular all icon images URL's, to improve compatibility with bundlers and frameworks that modify URL's in CSS.
Stars: ✭ 71 (+317.65%)
Mutual labels:  leaflet, leaflet-plugins
Leaflet.MarkerCluster.LayerSupport
Sub-plugin for Leaflet.markercluster plugin; brings compatibility with Layers Control and other plugins
Stars: ✭ 53 (+211.76%)
Mutual labels:  leaflet, leaflet-plugins
Leaflet.browser.print
A leaflet plugin which allows users to print the map directly from the browser
Stars: ✭ 94 (+452.94%)
Mutual labels:  leaflet-plugins, leaflet
Leaflet.pixioverlay
Bring Pixi.js power to Leaflet maps
Stars: ✭ 264 (+1452.94%)
Mutual labels:  leaflet-plugins, leaflet
Leaflet-active-area
A Leaflet plugin to center the map not in the center of the map but inside a DIV. Useful for responsive design.
Stars: ✭ 99 (+482.35%)
Mutual labels:  leaflet, leaflet-plugins
Leaflet Panel Layers
Leaflet Control Layers extended with support groups and icons
Stars: ✭ 210 (+1135.29%)
Mutual labels:  leaflet-plugins, leaflet
Iclient Javascript
Modern GIS Web Client for JavaScript, based on Leaflet\OpenLayers\MapboxGL-JS\Classic(iClient8C), enhanced with ECharts\D3\MapV etc. Contributed by SuperMap & community.
Stars: ✭ 593 (+3388.24%)
Mutual labels:  leaflet-plugins, leaflet
Ngx Leaflet Starter
A soup of Angular and Leaflet
Stars: ✭ 208 (+1123.53%)
Mutual labels:  leaflet-plugins, leaflet
Leaflet.TileLayer.Fallback
Replaces missing Tiles by scaled lower zoom Tiles
Stars: ✭ 29 (+70.59%)
Mutual labels:  leaflet, leaflet-plugins
Geopackage Js
GeoPackage JavaScript Library
Stars: ✭ 191 (+1023.53%)
Mutual labels:  leaflet-plugins, leaflet
harp-leaflet
Leaflet plugin for harp.gl
Stars: ✭ 16 (-5.88%)
Mutual labels:  leaflet, leaflet-plugins
Leaflet.layergroup.collision
Leaflet plugin for uncluttering L.Markers using basic collision detection.
Stars: ✭ 82 (+382.35%)
Mutual labels:  leaflet-plugins, leaflet
Leaflet Gps
Simple leaflet control plugin for tracking gps position
Stars: ✭ 90 (+429.41%)
Mutual labels:  leaflet-plugins, leaflet
leaflet.tilelayer.gloperations
Custom Leaflet TileLayer using WebGL to do operations on and colorize floating-point pixels
Stars: ✭ 15 (-11.76%)
Mutual labels:  leaflet, leaflet-plugins
Leaflet.markercluster
Marker Clustering plugin for Leaflet
Stars: ✭ 3,305 (+19341.18%)
Mutual labels:  leaflet-plugins, leaflet

Leaflet.FlowEcharts

A leaflet plugin for Baidu Echarts

基于leaflet 扩展echarts,使ECharts的地图可以加到leaflet上

改写了leaflet-echarts:参考https://github.com/wandergis/leaflet-echarts

主要变更

  1. 添加对1.x新版本leaflet的支持,并保留对0.7.7版本的支持

  2. 解除echarts事件绑定,在事件联动这个地方以及echarts的容器与地图容器在拖动和缩放中的适应上,采取重绘的方式,即地图发生拖动和缩放就对echarts进行重绘

  3. 修复问题:原leaflet-echarts采用数组存储经纬度geoCoord,容易导致内存溢出,部分节点无法正确显示在界面上

  4. 修复对多个echarts图层的鼠标悬浮/点击交互支持

  5. 支持Echarts 2.2.7和3.x版本,其中

    1. flowEcharts2.js仅支持echarts2.2.7(官方版本)

    2. flowEcharts.js同时支持两个版本,但必须引用lib下的echarts3.js(仅修改了一行代码,对其他功能无影响)

使用方法(Usage)

  1. Confirm you have imported leaflet first

  2. Import echarts-2.2.7.js or echarts-3.4.min.js

  3. Import flowEcharts.js

  4. As you can use this plugin like this,按照下面的方法使用

    	var option={};//基本与百度相同
    	
    	L.flowEcharts(option).addTo(map);
    

    注意事项:因为采用的是重绘机制,需要解绑事件,因此option中的roam要设置为false,且不能有toolbox

  5. If you don't konw how to use this plugin,hava a look at /examples/index.html,如果你不会用,看看examples目录下的index.html

截图示例

参考

https://github.com/ecomfe/echarts

https://github.com/wandergis/leaflet-echarts

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].