wanyicss/maptileserver.icemap

离线地图服务-前端

这里是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. 缩放层级到拥有的层级内。