# Web-Map-Toolbox

**Repository Path**: time2017/Web-Map-Toolbox

## Basic Information

- **Project Name**: Web-Map-Toolbox
- **Description**: 一款集成了百度、高德、天地图的在线地图工具箱，支持路线规划、点位管理、经纬度导入/导出（CSV）和地点搜索功能
- **Primary Language**: HTML
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2025-06-30
- **Last Updated**: 2026-03-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Web Map Toolbox

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

**Web Map Toolbox** 是一个基于 **jQuery + Tailwind CSS** 重构的高性能、多功能的 Web GIS 在线工具箱。它集成了国内外主流地图平台，支持高精度的坐标转换、路径管理及实时路线统计。

🚀 **在线体验地址**: [https://map.204501.xyz/](https://map.204501.xyz/)

![Web Map Toolbox Screenshot](https://gitee.com/time2017/Web-Map-Toolbox/raw/master/images/ScreenShot_2026-03-09_182322_265.png)

---

## ✨ 核心功能

*   🌍 **多地图平台支持**: 
    *   集成 **天地图、高德地图、百度地图、Mapbox** 四大平台。
    *   支持地图底图无缝切换，数据自动同步显示。
*   🔄 **专业坐标转换**:
    *   内置 `CoordTransform` 算法，支持 **WGS-84 (GPS)**、**GCJ-02 (火星坐标)**、**BD-09 (百度坐标)** 相互转换。
    *   支持单点快速转换及**批量文本转换**，可一键将结果添加至路径。
*   📍 **智能路径管理**:
    *   支持在地图上左键打点或通过坐标手动精确加点。
    *   **交互式 Marker**: 地鼠标点击标记可直接修改名称或删除点位。
    *   **拖拽支持**: 所有点位均支持在地图上动态拖拽，统计信息实时更新。
*   📊 **实时路线统计**:
    *   卡片式统计布局：展示 **总距离、点位数量、直线距离、估算步数** 等关键指标。
    *   可视化反馈：实时绘制轨迹连线。
*   🔔 **现代化交互**:
    *   基于 Tailwind 的 **Toast 通知系统**，彻底告别浏览器原生 `alert`。
    *   数据导入导出：支持 **CSV 格式** 经纬度批量导入与备份导出。

## 🛠️ 技术栈

*   **Core**: jQuery
*   **Styling**: HTML5, Vanilla CSS, Tailwind CSS (CDN)
*   **Icons**: Font Awesome
*   **APIs**: Baidu Maps API v3.0, AMap API v2.0, Tianditu API, Mapbox GL JS

## 🚀 快速开始

1.  克隆本仓库到本地环境。
2.  确保 `index.html` 与 `assets/` 目录结构完整。
3.  在浏览器中直接打开 `index.html` 即可使用。
4.  由于涉及跨域及地图 SDK 加载，建议通过本地 HTTP 服务器（如 Live Server）启动以获得最佳体验。

## 🤝 贡献

欢迎参与项目贡献！如果您有任何扩展功能想法（如高程分析、GPX 导出等），请随时提交 PR。

## 📄 开源许可

本项目基于 MIT 协议开源。