maptalks / maptalks/maptalks.js

矢量瓦片的渲染结果与designer工具中配色时的视觉效果不符。

Open
#2,478 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
HTML
Stars
4.5k
Forks
511
Avg merge
3d 58m
Merged PRs (30d)
1

Description

**maptalks's version and what browser you use?**
----
105.3

**Issue description**
----
我在maptalks的designer工具中导出json后,应用于项目中去渲染,之后发现大多数设置了透明度的图层渲染出的颜色有问题,和designer内的视觉效果不一致。
以下为designer内配色方案的截图
![7939505b54eb41cd7249031f34f6b086](https://github.com/user-attachments/assets/6365522e-b778-4441-b1ea-c223e1932052)
以及下图是实际渲染的样式
![809b14575ac1f24318b286cb651f2372](https://github.com/user-attachments/assets/15467c81-3855-420a-9f08-7e9cac3c466c)
其中一些图层甚至在透明度0的情况下表现为白色。烦请关注下,谢谢。
**Please provide a reproduction URL (on any jsfiddle like site)**
----
[maptalks-demo.zip](https://github.com/user-attachments/files/18191898/maptalks-demo.zip)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by running the attached maptalks-demo.zip and comparing its vector-tile rendering with the exported JSON as displayed in the designer tool. Trace how layer opacity and colors are interpreted in both paths; done means transparent layers and other configured colors render consistently with the designer.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
computer-graphics, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.