下面是一個基于 Vue 3 和 Mapbox GL 實現的坐標拾取器組件示例：

<template><div class="map-container"><div ref="mapContainer" class="map"></div><div class="coordinates-box"><div v-if="clickedCoordinates">點擊坐標：{{ clickedCoordinates.lng.toFixed(4) }}, {{ clickedCoordinates.lat.toFixed(4) }}<button @click="copyCoordinates">復制</button></div><div>當前坐標：{{ currentLng.toFixed(4) }}, {{ currentLat.toFixed(4) }}</div><div v-if="copyStatus" class="copy-status">{{ copyStatus }}&