如何在vue 3上點擊leaflet js中的map添加標記

Question

大家好，我有這樣的問題無法獲得點擊坐標來生成新的標記

在此輸入圖片描述 在此輸入圖片描述

Answer 1

單擊處理程序應該是@click="save" ，而不是@:click="save"

Answer 2

如果你想獲得點擊坐標，你應該像這樣聲明你的存檔 function：

function save(event) {
console.log(event.clientX, event.clientY)
}

而如果你想得到那些相對於map的點擊坐標，你可以使用下面的代碼：

      const map = event.target.getBoundingClientRect();
      const x = event.clientX - map.left
      const y = event.clientY - map.top;
      console.log(x, y)