专题页的迷雾按专题圈的区域收口
以前专题的中心/半径只用来定视图,迷雾图层一直是全局的;管理页那句 「迷雾由地图按视野自动呈现,不需要单独圈选」其实是把「没做」写成了 「不用做」。现在专题圈了区域时,迷雾只在那个圆内显示。 做法是给迷雾单独一个 pane(zIndex 250,底图 200 之上)再对该 pane 做 clip-path: circle()——不能直接裁 tilePane,底图也在里面,会把地图一起挖空。 两个坑: - 圆心必须先 project() 到底图坐标系(与 fitCircle 一致),否则整体偏移; - 裁剪圆的注册必须排在 applyFit() 之后:视图未定时 latLngToContainerPoint() 会抛「Set map center and zoom first.」,把后续图层添加一起打断——实测 表现是 pane 建好了、迷雾瓦片一张都不出来,而且不报错。 迷雾是累积快照、没有时间维度,所以只按区域收口,不按专题的时间范围收口。 守卫 TestTopicFogIsClippedToArea 钉住两端与注册顺序。
This commit is contained in:
@@ -34,3 +34,14 @@
|
||||
|
||||
**回归**:verify.sh **PASS=349 FAIL=0 SKIP=0**、JS 单测 45/45、移动端 390 溢出全 0、
|
||||
桌面 1440 与改前一致(−15 是滚动条宽)。
|
||||
|
||||
## 专题的迷雾按区域收口
|
||||
|
||||
用户问「我创建了一个专题,但是迷雾好像无法根据选择显示范围?」——查下来是**实现缺口**:
|
||||
专题的中心/半径只用来 `fitCircle` 定视图,迷雾图层一直是全局的;管理页那句
|
||||
「区域内的世界迷雾由地图按视野自动呈现,不需要单独圈选」属于**文档与实现不符**(把「没做」写成「不用做」)。
|
||||
用户选定口径:**按专题区域收口**(迷雾是累积快照、无时间维度,所以不按时间范围收口)。
|
||||
|
||||
改 4 个文件:`rond-map.js`(新建 `rondFog` pane + `clip-path: circle()`)、`topic.html`(`.Topic.HasArea` 时下发
|
||||
`fogArea`)、`admin/topics.html`(把那句错提示删掉、补正确说明)、`frontend_fixes_test.go`(守卫)。
|
||||
细节与三个坑(不能裁 `tilePane`、圆心要 `project()`、注册必须排在 `applyFit()` 之后)见 details 四十五。
|
||||
|
||||
Reference in New Issue
Block a user