新增工廠第一步：無法選取工廠座標

[Yukaii]

ael: 用 Firefox

[Yukaii]

Firefox 可以重現 😂

[Yukaii]

Firefox 上的 alpha 值取到的是： 153 (transparent) vs 204 (black)

data: [ 158, 193, 143, 153 ] vs [ 88, 87, 85, 204 ]

frontend/src/lib/map.ts

Lines 598 to 599 in 7d74967

	this._map.forEachLayerAtPixel(pixel, function (_, data) {
	const [,,, a] = data

forEachLayerAtPixel 回傳的已經是 rendered 完、疊合完的 pixel 顏色值

[Yukaii]

diff 一下 production 和 dev 吧

[Yukaii]

Openlayer: ^5.3.3 -> ^6.5.0

[Yukaii]

https://github.com/openlayers/openlayers/blob/main/changelog/upgrade-notes.md#usage-of-mapforeachlayeratpixel

Openlayer breaking change，哭啊

Due to performance considerations, the layers in a map will sometimes be rendered into one single canvas instead of separate elements. This means map.forEachLayerAtPixel will bring up false positives.

The easiest solution to avoid that is to assign different className properties to each layer like so:

[Yukaii]

@ol/types 反而忘記升級，這個 issue 一起解掉

[Yukaii]

Firefox 即使在 Layer 加入 className，還是會被疊合成 canvas，致使 forEachLayerAtPixel 錯誤