gnijuohz / echarts-leaflet Goto Github PK
View Code? Open in Web Editor NEWECharts extension for visualizing data on leaftlet maps
Home Page: https://www.jing-zhou.xyz/echarts-leaflet/example/leaflet-multiple-layers.html
License: MIT License
ECharts extension for visualizing data on leaftlet maps
Home Page: https://www.jing-zhou.xyz/echarts-leaflet/example/leaflet-multiple-layers.html
License: MIT License
Using the brush-mode with leaflet is currently not possible, as the map always is moved when dragging.
The map is not moved, when one uses the brush
I was wondering if one could listen to the brush and brushEnd events from echarts to deactivate the dragging from leaflet
I tried to implement it today, but I didn't succeed yet. @gnijuohz, do you have an idea how to implement it?
Thanks for your awesome work!
Hi,
I am trying use this library on react.But i get error the following error:
Module not found: `/Users/admin/Projects/DashboardBootstrap/node_modules/leaflet/src/leaflet.js` does not match the corresponding path on disk `Leaflet.js`.
I've detected the cause of the error. echarts-leaflet is imported from leaflet library as leaft/src/leaflet if you can update to echarts-leaflet.js file as follows it is fixed this error for react-scripts.
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('echarts/lib/echarts'), require('leaflet/src/Leaflet')) :
如题,请问如何解决?
使用 myChart.convertToPixel('leaflet', geoCoord) 方法获取像素点时 出现错误
how i can get the instance of leaflet to add others options to the map
I've been trying to display a visualMap component by adding the visualMap
property to the chart's option
object. Unfortunately, this does not display the visualMap. For instance removing the color configuration of the series and adding the following property to the option object in ./example/single-layer.js
visualMap: {
min: 0,
max: 300,
calculable: true,
inRange: {
color: ['#50a3ba', '#eac736', '#d94e5d']
},
textStyle: {
color: '#fff'
},
dimension: 2,
seriesIndex: 1
}
does not lead to the visualMap display like in the example here https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-map
.
Is there any way to add a VisualMap on Maps displayed through echarts-leaflet
? Thanks in advance for any help.
My god ! 😭
There's a bug of zoom cache's variable name -- this._oldZoomEndHandler
, which should be this._oldZoomHandler
at here.
It caused my other zoom events to be unusable. I even thought it was a problem of coordinate transformation. It trapped me for a few days. I found it after reading the source code for a long time . . .
And I suggest you add if conditional statements before deleting the listen event, so as not to affect other layers.
I want to set bounds and making map bounce back if moved away. I can get _map through this.echart.getModel().getComponent('leaflet').__map, but how can I get L to setMaxBounds().
I can set bounds using Leaflet library by using below code :
const southWest = Leaflet.latLng(-89.98155760646617, -180),
northEast = Leaflet.latLng(89.99346179538875, 180);
const bounds = Leaflet.latLngBounds(southWest, northEast);
map.setMaxBounds(bounds);
How can I achieve the same thing using 'echarts-leaflet'? Thanks in advance for any help.
您好 现在通过 this.chart.getModel().getComponent('leaflet').__map 我已经能得到_map,请问如何能得到L,用来绘制另一层geojson数据。谢谢!!!!!
作者,你好。
请问echarts-leaflet如何使用百度地图的瓦片?
I'm trying to use this plugin with the series of type 'map' in echarts. I have a geojson file that I can register with echarts. I know need to draw that geojson over the leaflet tile layer and have the ability to roam. Does this library support this use case, or am I limited to using lat/long points using the scatter series?
When the map is shifted up or down to a certain level, an infinite loop occurs, causing the browser to fake death, and the page reproduces the problem:
地图拖拽或者缩放刷新echarts,这种方式感觉效果不太友好,是否可以换一种实现方式。比如markerPane或者overlayPane?
弹窗什么的都会被地图overlap
测试过echarts+bmap 没有这种情况
I want to disable drag on map. Is there any way to achieve it? Thank you.
Great work dude!
Is it possible to use it with the original echarts files, instead of replacing the echarts files? Thanks.
Hi,
Thanks for the library. It is very helpful. Does this support heatmap as in https://echarts.apache.org/examples/zh/editor.html?c=heatmap-map. I am getting echart error saying it cannot find visualMapModel in _renderOnGeo().
The options I have passed as exactly as in echarts link above, except
coordinateSystem: 'leaflet'. Any work arounds, tips would be really helpful.
-Thanks,
Suma
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.