MapServer-Front
MapServer-Front copied to clipboard
Map TMS Server Front End - 离线地图瓦片服务前端
这里是MapServer的前端源码
后端源码在这里:https://github.com/Icemap/MapServer
这是一个在需要本地化部署地图服务时,快速建立本地瓦片地图服务的小工具。
比如你部署服务的位置不能访问外网,但是你的前端又需要一个地图控件。或者你需要对地图瓦片进行处理,需要地图色调变成“五彩斑斓的黑色”,美工让你下载切片。那么这个工具可以帮你快速建立这样的瓦片地图服务。
这个前端小工具使用TypeScript、React、AntDesign编写。
支持地图类型为:
- Google卫星
- Google矢量
- Google地形
- 高德卫星
- 高德矢量
- 高德标签层
- 天地图卫星
- 天地图矢量
- 天地图标签层
- PS:多种类型的瓦片类型可以同时存在。
坐标系:
- Google与高德使用的大地坐标系为GCJ02,是加过偏的,使用时需要注意转经纬度。
- 天地图使用的大地坐标系为WGS84,是不加偏的,国家队待遇就是不一样=。=
使用方法简述:
- 详细使用方法写在了“Q&A”页面中。
- API接口调用方法写在了“Q&A”页面中。
- 初始化地图(下载地图瓦片)方法:
- 进入设置页面
- 在左方地图控件中框选需要下载的瓦片矩形范围
- 在右方“地图参数”面板中选择需要下载的层级,默认为“1 - 10”级,最大为“1 - 18”级。
- 在右方“地图参数”面板中选择需要下载的瓦片类型,可多选。
- 右下方经纬度面板会显示当前选择的矩形参数。
- 点击右上角的“下载瓦片”,并在弹出框中点击确定,开始逐层、逐类型的下载地图瓦片。
- PS : 如果遇到个别瓦片下载失败的情况时,这是由于瓦片服务器请求错误,原因未知,请直接再次点击下载,已经下载过的瓦片不会继续下载,不用担心。
测试方法简述:
- 点击“测试页面”。
- 在右方地图参数面板中选择当前的地图类型。
- 移动地图到你刚才下载的区域内。
- 缩放层级到拥有的层级内。