antvis / l7plot Goto Github PK

设置了autoFit:true, mapbox默认撑满容器，能否增加属性设置padding

🐛 Question description [Please make everyone to understand it]

如题，用的是L7Plot的高级图表

部分代码如下：

container是地图的chart实例

实际下载图片如下:

地图的map属性：

尝试设置preserveDrawingBuffer: true来解决问题未果

不太确定是不是html2canvas本身的问题，来寻求官方的帮助

💻 Link to minimal reproduction

Please provide a link by forking these links L7Plot or GitHub repo. What is a minimal reproduction, and why is it required?

🏞 Expected result

下载地图png每次都能成功

🚑 Any additional [like screenshots]

• L7Plot Version: 0.0.11
• Platform:

1、例如label原本是广州市，但需求要数据结合，如广州市（999）。
2、甚至能支持组件形式，可以自己封装改样式

🐛 Bug description [Please make everyone to understand it]

This package, which is a dependency of @ant-design/charts, breaks Vite building with following error:

$ vite build
vite v2.6.14 building for production...
✓ 35 modules transformed.
[vite:resolve] Failed to resolve entry for package "@antv/l7plot". The package may have incorrect main/module/exports specified in its package.json: Failed to resolve entry for package "@antv/l7plot". The package may have incorrect main/module/exports specified in its package.json.
error during build:
Error: Failed to resolve entry for package "@antv/l7plot". The package may have incorrect main/module/exports specified in its package.json: Failed to resolve entry for package "@antv/l7plot". The package may have incorrect main/module/exports specified in its package.json.
    at packageEntryFailure (/Volumes/Projects/workspace/sample/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:30273:11)
    at resolvePackageEntry (/Volumes/Projects/workspace/sample/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:30269:9)
    at tryNodeResolve (/Volumes/Projects/workspace/sample/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:30044:11)
    at Object.resolveId (/Volumes/Projects/workspace/sample/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:29910:28)
    at /Volumes/Projects/workspace/sample/node_modules/rollup/dist/shared/rollup.js:22706:25
error Command failed with exit code 1.

• Required Link to minimal reproduction: https://github.com/zhyupe/sample-vite-project

📷 Step to reproduce

yarn
yarn build

🏞 Expected result

Built without error.

🚑 Any additional [like screenshots]

Dependency Path:

package.json of this package from unpkg, which declares an invalid 'module' that does not exist:

• L7Plot Version: 0.0.3-alpha.6
• Platform:

limitInPlot属性无法屏蔽一些后出现的状态

🐛 Bug description [Please make everyone to understand it]

Please provide a link by forking these links L7Plot or GitHub repo, a minimal reproduction.

• Required Link to minimal reproduction:

📷 Step to reproduce

limitInPlot: true 设置了屏蔽图表外的显示但是折线图的active还是会显示

🏞 Expected result

坐标轴以外的不显示

🚑 Any additional [like screenshots]

• L7Plot Version:
• Platform:

🐛 Question description [Please make everyone to understand it]

💻 Link to minimal reproduction

Please provide a link by forking these links L7Plot or GitHub repo. What is a minimal reproduction, and why is it required?

🏞 Expected result

🚑 Any additional [like screenshots]

• L7Plot Version:
• Platform:

🐛 Question description

行政区域图地理数据需要默认线上载入数据，官网默认配置如下：
geoArea: {
url: 'https://gw.alipayobjects.com/os/alisis/geo-data-v0.1.2/choropleth-data',
type: 'topojson',
},
我已经通过下载地图依赖json文件，本地建了相似的choropleth-data文件夹，此时将geoArea配置中的URL改为本地/项目的choropleth-data文件夹地址，都失效。

请问，行政图功能如何载入依赖的json文件夹？

🐛 Question description [Please make everyone to understand it]

希望实现 label 压在飞线**的效果，类似下图：

尝试了 textAnchor 和 textOffset 属性不行，现在这个 label 的锚点是基于起点是吗？有办法基于起点和终点之间弧线的中点么？

💻 Link to minimal reproduction

Please provide a link by forking these links L7Plot or GitHub repo. What is a minimal reproduction, and why is it required?

🏞 Expected result

🚑 Any additional [like screenshots]

• L7Plot Version:
• Platform:

🐛 Question description [Please make everyone to understand it]

💻 Link to minimal reproduction

Please provide a link by forking these links L7Plot or GitHub repo. What is a minimal reproduction, and why is it required?

🏞 Expected result

🚑 Any additional [like screenshots]

• L7Plot Version:
• Platform:

🐛 Question description [Please make everyone to understand it]

如何在世界行政地图中添加各个国家渲染的数据？应该是需要一个code，但是没有提供code-国家对照表
https://codesandbox.io/s/magical-chihiro-xvf3y?file=/index.ts
国内的数据格式是{name:"xxx",code:xxx,value:xxx},可以正常渲染

🏞 Expected result

正常展示数据

🚑 Any additional [like screenshots]

• L7Plot Version:1.3.4
• Platform:macos 11

🐛 Question description [Please make everyone to understand it]

石油行业的地理剖面图使用哪种antv工具库？

💻 Link to minimal reproduction

类似https://www.int.com/geotoolkit-demos/deviated-schematics/图例的偏差示意图，antv有没有替代工具？
我的原型图如下：


在antv的示例中似乎找不到合适的解决方案？

Please provide a link by forking these links L7Plot or GitHub repo. What is a minimal reproduction, and why is it required?

🏞 Expected result

🚑 Any additional [like screenshots]

• L7Plot Version:
• Platform:

🐛 Bug description [Please make everyone to understand it]

📷 Step to reproduce

🏞 Expected result

🚑 Any additional [like screenshots]

• L7Plot Version:
• Platform:

L7plot的实例上没有暴露L7上的 getZoom , getCenter , setZoomAndCenter 等方法

Link

• L7Plot Version:
  0.0.5

DotLayer 在绘制 icon 的时候，必须要将 color 赋值 #fff 才会生效

项目引用 https://unpkg.com/@antv/l7plot@latest/dist/umd/l7plot.min.js

运行在 IE 11 上，报错了 “Symbol”未定义，IE11 不支持该 ES6 语法

需要做什么改动 L7Plot 才能支持啊，能提供一个编译到兼容 IE11 的版本么

🐛 遇到这样问题，有一个下拉筛选列表里面是各个省，选中某一个省这个该怎样更新到对应的省的地图

💻 Link to minimal reproduction

🏞 Expected result

想知道筛选条件后拿到后端返回当前省下城市的数据怎样下钻到省下的地图

🚑 Any additional [like screenshots]

• L7Plot Version:
• Platform:

🐛 Bug description [Please make everyone to understand it]

高级图表中的多图表 type 不支持配置 flow

图表组配置，图表类型支持 L7Plot 内置的图表。

Please provide a link by forking these links L7Plot or GitHub repo, a minimal reproduction.

• Required Link to minimal reproduction:

📷 Step to reproduce

🏞 Expected result

🚑 Any additional [like screenshots]

• L7Plot Version:
• Platform:

格物、革悟 —— 地理图表

今天 AntV 地理可视分析也新增了一位成员 L7Plot - 地理可视化图表库。

L7Plot 是简单易用、图表丰富、支持定制的地理空间数据可视化地理图表库。

特性

• 📦 开箱即用：配置式的地理图表，内置多粒度行政数据
• 🚀 元素丰富：图表类型及地图组件丰富，多地图底图支持
• 💯 容易定制: 数据驱动，从数到形，支持多图层及多图表层叠
• 🌱 动态交互：图表交互能力强、支持 2/3D 视角、提供命令式动态交互 API

关系

• L7Plot 基于 L7 实现的开箱即用地理空间数据可视化图表库。
• L7 基于图形符号学为理论，以图形语法 API 方式使用，概念较多，实现简单的地理可视化业务需要不少代码量。
• L7Plot 专注于地理可视化图表。
  • 以声明配置式的方式，降低用户使用成本；
  • 以常见地理图表分类的方式，降低用户选择成本；
  • 内部集成全国行政区域数据，降低用户使用地理数据心智；
  • 支持多图层及多图表层叠，方便用户定制复杂的业务场景；
• L7Plot 专注于地理数据可视化展示，不会涉及数据编辑能力。

图表

• 散点图
• 气泡图
• 图标图
• 热力图
• 网格图
• 蜂窝图
• 区域图
• 行政区域图

🐛 Bug description [Please make everyone to understand it]

Please provide a link by forking these links L7Plot or GitHub repo, a minimal reproduction.

l7plot 官网文档的例子
https://antv-l7plot.gitee.io/zh/examples/dot/bobble#earthquake-level

📷 Step to reproduce

鼠标靠近气泡点附近，会出现空白的 tooltip 框

🏞 Expected result

显示正常的 tooltip 框

🚑 Any additional [like screenshots]

• L7Plot Version: 0.0.10
• Platform: MacBook M1 / Google Chrome 版本 99.0.4844.83（正式版本） (arm64)

🐛 Bug description

在 Vite 构建的 Vue3 项目中使用行政区域图 Choropleth，下钻操作标签没有同步切换，还是显示全国级别的标签。
问题示例

📷 Step to reproduce

1. 点击任一省份
2. 区域切换，下级标签不显示

🏞 Expected result

下钻操作，显示下级标签

🚑 Any additional

国内镜像 区域钻取|L7 表现正常
国际站 区域钻取|L7 也有同样的问题

• L7Plot Version: 0.1.0
• Platform: Windows 10

一、问题描述：

在尝试通过plots添加多个图表时，飞线图会被其他的图表遮挡，即使修改飞线图的zIndex也没有效果

二、可复现问题的代码：

import { L7Plot } from "@antv/l7plot";

fetch(
  `https://gw.alipayobjects.com/os/alisis/geo-data-v0.1.2/administrative-data/area-list.json`
)
  .then((response) => response.json())
  .then((list) => {
    const data = list
      .filter(({ level }) => level === "province")
      .map((item) => Object.assign({}, item, { value: Math.random() * 5000 }));

    new L7Plot("container", {
      map: {
        type: "mapbox",
        style: "blank",
        center: [120.19382669582967, 30.258134],
        zoom: 3,
        pitch: 0
      },
      plots: [
        {
          type: "flow",
          zIndex: 100,
          source: {
            data: [
              {
                x: 116.407387,
                x1: 113.266887,
                y: 39.904179,
                y1: 23.133306
              },
              {
                x: 116.407387,
                x1: 112.578781,
                y: 39.904179,
                y1: 37.813948
              },
              {
                x: 116.407387,
                x1: 87.628579,
                y: 39.904179,
                y1: 43.793301
              }
            ],
            parser: {
              type: "json",
              x: "x",
              y: "y",
              x1: "x1",
              y1: "y1"
            }
          },
          shape: "arc3d",
          size: [2, 5],
          color: "red",
          style: {
            opacity: 1
          },
          state: {
            active: { stroke: "black", lineWidth: 1 }
          },
          animate: {
            interval: 2,
            trailLength: 2,
            duration: 1
          },
          radiation: {
            color: "#333",
            size: 30,
            style: {
              opacity: 1
            }
          },
          active: true
        },
        {
          type: "choropleth",
          zIndex: 1,
          source: {
            data: [],
            joinBy: {
              sourceField: "code",
              geoField: "adcode"
            }
          },
          viewLevel: {
            level: "country",
            adcode: "100000"
          },
          autoFit: true,
          color: "#fff",
          style: {
            opacity: 1,
            stroke: "#F2F7F7",
            lineWidth: 0.6,
            lineOpacity: 0.8
          },
          label: {
            visible: true,
            field: "name",
            style: {
              fill: "#000",
              opacity: 0.8,
              fontSize: 10,
              stroke: "#f0f0f0",
              strokeWidth: 2,
              textAllowOverlap: false,
              padding: [5, 5],
              textOffset: [0, 40]
            }
          }
        }
      ],
      layers: [],
      zoom: {
        position: "bottomright"
      }
    });
  });

三、 问题图如下：

当在plots中添加区域图和飞线图，发现飞线图被区域图遮挡了：

当改变区域图的透明度后，飞线正常显示的出来：

四、 个人疑问：

怎样才能使飞线图正常展示在最顶层不被遮挡呢 ？怎样才能使飞线图在不改变其他图层透明度的情况下正常展示呢？飞线图的zIndex修改无效是什么原因？

有这样一个场景，外面有个地区列表，在列表中选中广州，地图就自动选中到广州

还有请问有相关沟通群吗，我问题挺多的🤔

toolTips在父级有缩放的情况下会出现定位偏移的问题，该问题有处理方法吗？

父级缩放的情况下会存在偏移：

正常情况应该如下：

🐛 Bug description [Please make everyone to understand it]

Please provide a link by forking these links L7Plot or GitHub repo, a minimal reproduction.

• Required Link to minimal reproduction:

📷 Step to reproduce

🏞 Expected result

🚑 Any additional [like screenshots]

• L7Plot Version:
• Platform:
  
  
  

在行政区域图Choropleth中，在设置了state.select下，能否手动设置城市让地图中相应的位置设置选中状态，操作流程是，前端界面上有一个下拉框，当选择某一城市时，地图上相应的城市区域会显示选中状态。

🐛 Question description [Please make everyone to understand it]

💻 Link to minimal reproduction

Please provide a link by forking these links L7Plot or GitHub repo. What is a minimal reproduction, and why is it required?

🏞 Expected result

🚑 Any additional [like screenshots]

• L7Plot Version:
• Platform:

💻 Features description [Please make everyone to understand it]

希望 L7Plot 类添加changeData方法，

🏞 What problem does this feature solve

🧐 What does the proposed API look like

🚑 Any additional [like screenshots]

我只能通过，上面的方式来更新数据

我有个动作是从**地图触发changeView({ level: 'world', adcode: 'all'})，变成世界地图，有api改变center吗，希望可以比较聚焦到**

🐛 Question description [Please make everyone to understand it]

行政区域图，viewLevel设置为区县，没有区县的城市，未显示出来。如上图所示海南省只显示了海口跟三亚两个城市。

💻 Link to minimal reproduction

🏞 Expected result

没有区县一级的城市，设置viewLevel的granularity为区县时就显示城市数据

🚑 Any additional [like screenshots]

• L7Plot Version:
• Platform:

🐛 Question description [Please make everyone to understand it]

💻 Link to minimal reproduction

label中的textAnchor设置为top-right，但并没有产生效果，label的定位还是center。请问这是为什么呢

🏞 Expected result

🚑 Any additional [like screenshots]

• L7Plot Version:0.1.0
• Platform:vue

🐛 Bug description [Please make everyone to understand it]

Please provide a link by forking these links L7Plot or GitHub repo, a minimal reproduction.

• Required Link to minimal reproduction: https://l7.antv.vision/zh/examples/choropleth/administrative#zhejiang-province

📷 Step to reproduce

官方文档中的示例是有设置选项

        legend: {
          position: 'bottomleft',
        },

但是图例不显示

🏞 Expected result

🚑 Any additional [like screenshots]

• L7Plot Version:
• Platform:

L7Plot地图没法设置禁止拖拽，最大和最小zoom，这个要怎么解决？

🐛 Bug description [Please make everyone to understand it]

https://riddle.alibaba-inc.com/riddles/28772da3

📷 Step to reproduce

🏞 Expected result

🚑 Any additional [like screenshots]

• L7Plot Version:
• Platform:

🐛 Bug description [Please make everyone to understand it]

Please provide a link by forking these links L7Plot or GitHub repo, a minimal reproduction.

• Required Link to minimal reproduction:

📷 Step to reproduce

🏞 Expected result

🚑 Any additional [like screenshots]

• L7Plot Version:
• Platform:

🐛 Question description [Please make everyone to understand it]

💻 Link to minimal reproduction

Please provide a link by forking these links L7Plot or GitHub repo. What is a minimal reproduction, and why is it required?

🏞 Expected result

🚑 Any additional [like screenshots]

• L7Plot Version:
• Platform:

希望viewLevel的level从world切换到country

怎么获取缩放下四个角的经纬度

1122 开源 TODO

组件

• 主题抽离分类
• l7 zoom scale layerMenu 样式配置化
• tooltip 支持自定组件，暴露组件活动事件
• 分类图例

图表

• choropleth
  • 描边高亮、支持单选及多选
  • 下钻性能优化
  • 行政数据抽稀，支持 topojson
  • 无值时颜色映射可默认化配置
• line
  • path(trail)
  • flow(arc/connection)

文档

• API 补齐
• API Demo

Demo

• choropleth
• area
• line
  • trail/path
  • arc/flow/connection
• l7plot
  • muti plot
  • muti layer

测试

• layers
• 图表
• l7plot

教程

• 简介
• 快速上手
• #75

Charts

• 散点
• 热力
• 区域
• 行政

Workflows

• Build UMD
• Automatic Rebase
• ISSUE_TEMPLATE、PULL_REQUEST_TEMPLATE
• Gitee sync
• CHANGELOG

🐛 Bug description

Choropleth 区域行政图，对于textLayer，如label。当有切换字体的需求时，字体切换失败。同样的方法对字体大小是生效的。
希望能够实现字体切换

复现地址

📷 复现步骤：

1. 建立Choropleth
2. 变更字号，其实是修改：config.label.style.fontSize ，然后调用plot.update，可以成功
3. 变更字体，其实是修改：config.label.style.fontFamily，然后调用plot.update， 失败，而且之前已经调用了 @antv/l7plot 的 registerFontFace

🏞 希望结果

能够实现字体切换

🚑 截图

• L7Plot Version: 0.1.0
• Platform: any

您正在使用 Demo测试地图token，如果生产环境中使用去对应地图请注册Token
上哪里注册token呀

最基础无任何额外数据的钻取地图，在从Province层上卷到Country层的时候，会卡顿2秒左右，而且会失去动画，官网例子也存在同样的问题，而下钻却完全没问题。

官网例子：https://l7plot.antv.vision/zh/examples/choropleth/drill#order-drill

ps：L7也没这个问题，L7Plot却有

🐛 Question description [Please make everyone to understand it]

https://l7plot.antv.vision/zh/examples/advanced-plot/muti-plots#china-bubble

💻 Link to minimal reproduction

Please provide a link by forking these links L7Plot or GitHub repo. What is a minimal reproduction, and why is it required?

🏞 Expected result

通过点击区域或点获取到当前的数据

🚑 Any additional [like screenshots]

• L7Plot Version:
• Platform:

💻 Features description [Please make everyone to understand it]

多选不符合常用交互，多选一般和单选并存的，多选交互需要点击 shift + 选中。目前是点击直接触发多选

🏞 What problem does this feature solve

🧐 What does the proposed API look like

🚑 Any additional [like screenshots]

🐛 警告Too many active WebGL contexts. Oldest context will be lost.

用官网的例子多次修改配置信息会出现警告Too many active WebGL contexts. Oldest context will be lost.
我自己的代码也同样的问题，已经在组件卸载的时候调用了destroy

• L7Plot Version:0.0.11
• Platform:vue