# MapServer-Front

**Repository Path**: doujichao11/MapServer-Front

## Basic Information

- **Project Name**: MapServer-Front
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-28
- **Last Updated**: 2024-05-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 这里是MapServer的前端源码

## 后端源码在这里：https://github.com/Icemap/MapServer

## 这是一个在需要本地化部署地图服务时，快速建立本地瓦片地图服务的小工具。

## 比如你部署服务的位置不能访问外网，但是你的前端又需要一个地图控件。或者你需要对地图瓦片进行处理，需要地图色调变成“五彩斑斓的黑色”，美工让你下载切片。那么这个工具可以帮你快速建立这样的瓦片地图服务。

## 这个前端小工具使用TypeScript、React、AntDesign编写。

--------

## 支持地图类型为：
> - Google卫星
> - Google矢量
> - Google地形
> - 高德卫星
> - 高德矢量
> - 高德标签层
> - 天地图卫星
> - 天地图矢量
> - 天地图标签层
> - PS：多种类型的瓦片类型可以同时存在。

--------

## 坐标系：
> - Google与高德使用的大地坐标系为GCJ02，是加过偏的，使用时需要注意转经纬度。
> - 天地图使用的大地坐标系为WGS84，是不加偏的，国家队待遇就是不一样=。=

--------

## 使用方法简述：
> - 详细使用方法写在了“Q&A”页面中。
> - API接口调用方法写在了“Q&A”页面中。
> - 初始化地图（下载地图瓦片）方法：
> - 1. 进入设置页面
> - 2. 在左方地图控件中框选需要下载的瓦片矩形范围
> - 3. 在右方“地图参数”面板中选择需要下载的层级，默认为“1 - 10”级，最大为“1 - 18”级。
> - 4. 在右方“地图参数”面板中选择需要下载的瓦片类型，可多选。
> - 5. 右下方经纬度面板会显示当前选择的矩形参数。
> - 6. 点击右上角的“下载瓦片”，并在弹出框中点击确定，开始逐层、逐类型的下载地图瓦片。
> - PS ： 如果遇到个别瓦片下载失败的情况时，这是由于瓦片服务器请求错误，原因未知，请直接再次点击下载，已经下载过的瓦片不会继续下载，不用担心。

---------

## 测试方法简述：

> - 1. 点击“测试页面”。
> - 2. 在右方地图参数面板中选择当前的地图类型。
> - 3. 移动地图到你刚才下载的区域内。
> - 4. 缩放层级到拥有的层级内。