@daoyi/coordinates-editor-modal v1.2.3

@daoyi/coordinates-editor-modal

A React modal component for editing coordinates (latitude & longitude) easily, with integrated map and table interface.

🗺️ 經緯度編輯元件，整合地圖與表格輸入，支援自訂樣式、外部查詢、自動同步。

📦 Installation

npm install @daoyi/coordinates-editor-modal

此元件依賴以下套件，請一併安裝（若尚未安裝）：

npm install react react-dom @mui/material @mui/icons-material react-leaflet leaflet axios uuid

🚀 Usage

import React, { useState } from "react";
import { CoordinatesModal } from "@daoyi/coordinates-editor-modal";

export default function App() {
  const [open, setOpen] = useState(false);

  return (
    <CoordinatesModal
      open={open}
      setOpen={setOpen}
      title="測試地區"
      coordinateOptions={[
        { label: "地點 A", longitude: "121.5", latitude: "25.0" },
        { label: "地點 B", longitude: "121.6", latitude: "25.1" }
      ]}
      onClick={(coords) => console.log("儲存結果", coords)}
    />
  );
}

⚙️ Props 說明

🛠 Peer Dependencies

請確保這些依賴已安裝：

npm install react react-dom @mui/material @mui/icons-material react-leaflet leaflet axios uuid

📦 原始碼與套件資訊

此專案托管於 GitLab，並發佈於 npm：

• GitLab Repo：https://gitlab.daoyidh.com/npm/coordinates-editor-modal.git
• npm 頁面：@daoyi/coordinates-editor-modal

📄 License

ISC License
© DaoYi Technology © Johnny 蔡政軒