Lines problems

[Nevyn75]

Hi.

Could you please give me a small example on how to use Line type with your extension? I'm having some problems I think regarding series data format...

I keep getting the error: "TypeError: Cannot read property 'dataToPoint' of null"

Thank you very much!

[Nevyn75]

Looking into your code I found this inside index.js:

import AMapCoordSys from "./GMapCoordSys";

import "./GMapModel";
import "./GMapView";

echarts.registerCoordinateSystem("amap", AMapCoordSys);

Maybe it's a problem because GMapCoordSys exports "GMapCoordSys"

Thank you.

[plainheart]

@Nevyn75 Thanks for your review! This is really helpful. It should be gmap but not amap. Fixed in https://github.com/plainheart/echarts-extension-gmap/commit/28334e9e59ff382eefb8d915ac7a6eba64aa2506 & 4d7525178ea4adc8634052d2caa37c3b43a6150b

[plainheart]

And for the error

"TypeError: Cannot read property 'dataToPoint' of null"

how does your test case look like?

[Nevyn75]

Hi.

I already have echarts as dependency in my project.

I discover that your call to:

echarts.registerCoordinateSystem('gmap', GMapCoordSys)

was received by your echarts instance inside your dependencies (in your directory node_modules) and not in mine, so at the end 'gmap' coordinateSystem was not registered and that's why I had a null object.

To make it working I had to copy your js files into my project directly and now it seems ok.

If you could fix this, I would of course prefer to use your package as a module :-)

Thank you

[plainheart]

Hi, @Nevyn75 I've fixed this issue and released the new version 1.2.1 on NPM, please feel free to help to test it. Thank you very much.

[helgasoft]

Could you please provide working example with series type: 'line' ? Thank you.

[plainheart]

@helgasoft I'm sorry but only the series that supports the geo coordinate can work in this extension for Google Maps.

[helgasoft]

oops, wrong type - it's 'lines', not 'line'. This is supported in 'geo' (paste in Editor) :

option = {
  "yAxis": {  },  "xAxis": { "type": "category"  },
      "title": {
        "text": "DFW",
        "top": 30
      },
      "backgroundColor": "#191919",
      "geo": {
        "map": "world",
        "roam": true,
        "center": [-97.0372, 32.8959],
        "zoom": 4
      },
      "series": [
        {
          "type": "scatter",
          "coordinateSystem": "geo",
          "data": [
            {
              "value": ["-97.0372", "32.89595", "-106.60919", "35.04022", "AA", "DFW", "ABQ", "444"]
            },
            {
              "value": ["-97.0372", "32.89595", " -72.68323", "41.93887", "AA", "DFW", "BDL", "162"]
            },
            {
              "value": ["-97.0372", "32.89595", " -86.75355", "33.56294", "AA", "DFW", "BHM", "168"]
            }
          ],
          "symbolSize": 8
        },
        {
          "type": "lines",
          "coordinateSystem": "geo",
          "data": [
            {
              "coords": [
                ["-97.0372", "32.89595"],
                ["-106.60919", "35.04022"]
              ]
            },
            {
              "coords": [
                ["-97.0372", "32.89595"],
                [" -72.68323", "41.93887"]
              ]
            },
            {
              "coords": [
                ["-97.0372", "32.89595"],
                [" -86.75355", "33.56294"]
              ]
            }
          ],
          "lineStyle": {
            "curveness": 0.3,
            "width": 2,
            "color": "red"
          }
        }
      ]
};

Any similar example for this library ?

[plainheart]

@helgasoft Here is the demo: https://codepen.io/plainheart/pen/VwpqOYV

[helgasoft]

@plainheart, thank you!
My mistake was to use example from the Readme.md where each point has 3 elements [lng,lat,value]. When using type:'lines' however, parameter coords accepts only two [lng,lat], otherwise lines are not drawn.

[neoayi]

@plainheart 请问一下，目前这个插件貌似不支持 polyline = true, 即多线段绘制属性。是吗

[plainheart]

@neoayi 应该是可以的。这里有个示例：https://codepen.io/plainheart/pen/LYybaxW

[neoayi]

感谢指正。应该是对数据有要求。必须大于2的数据才能实现多点连线。

Zhongxiang.Wang @.***> 于2021年7月13日周二 下午3:25写道：

@neoayi https://github.com/neoayi 应该是可以的。这里有个示例： https://codepen.io/plainheart/pen/LYybaxW

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/plainheart/echarts-extension-gmap/issues/1#issuecomment-878845949, or unsubscribe https://github.com/notifications/unsubscribe-auth/AABBVMYNUMUSW5TBW7VHFG3TXPS53ANCNFSM4RYCEUYQ .

--

黄明

msn: @.***

上海携恒物流技术有限公司

地址 : 上海市冠生园路 227号 2号楼 206室 邮编 : 200231