四塊均需 hover message

[jidanni]

如 "T" 不敢按，因不知是什麼功能。

故四塊均需 hoverover message saying what they do, e.g., 放大，縮小…

[jidanni]

"T" 即要示「篩選」。

[Yukaii]

考慮使用 Vuetify 按鈕的 Tooltip 元件 https://vuetifyjs.com/en/components/tooltips/#usage

frontend/src/lib/map.ts

Lines 448 to 454 in f7da19b

	new Zoom({
	zoomInLabel: mapControlButtons.zoomIn,
	zoomOutLabel: mapControlButtons.zoomOut
	}),
	new ScaleLine(),
	new Rotate(),
	new Attribution()

因為原本的控制鍵是用 openlayer 做的，所以需要研究 openlayer 的按鈕如何加上 title attribute

[Yukaii]

• 各個按鈕加上 title attribute
• 確定 attribute 為中文

[Yukaii]

Assign to @komali2

[komali2]

This was potentially fixed upstream by OM, not sure, in any case, there's a title attribute now, and hover works.

However, it's in English, so I'll submit a PR or at least issue to OM to allow insertion of a custom string, so translated strings can be used.

[komali2]

oh snap https://github.com/openlayers/openlayers/blob/main/src/ol/control/Zoom.js#L70 the feature already exists!

[komali2]

We'll change it to mandarin at least for now