Git Product home page Git Product logo

echarts-leaflet's People

Contributors

gnijuohz avatar kutugu avatar poyoman39 avatar ultramanweilai avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

echarts-leaflet's Issues

Bug using the brush-mode

Current behaviour

Using the brush-mode with leaflet is currently not possible, as the map always is moved when dragging.

Expected behaviour

The map is not moved, when one uses the brush

Idea for implementation

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!

如何能得到L?

您好 现在通过 this.chart.getModel().getComponent('leaflet').__map 我已经能得到_map,请问如何能得到L,用来绘制另一层geojson数据。谢谢!!!!!

Wron coordinate

When the map has different coordinates than the Chinese, the point appears in wrong coordinates
bug

How can I get L in order to set bounds?

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.

Using a visualMap

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.

does not match the corresponding path on disk `Leaflet.js`

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')) :

The cache of zoom event -- variable's name bug

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.

请教

你好,我按照你的示例来做,经纬度是美国(国外的)的就会跑到南极去,如下图
image

geoJSON support

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?

about Option&API

  1. How to use this? Not limited to your ECharts Option. It's better to list Option and API like echarts documentation.
  2. Your Demo link cannot be accessed.
  3. I hope you keep improving and look forward to new features.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.