/MapServer-Front

Map TMS Server Front End - 离线地图瓦片服务前端

Primary LanguageTypeScriptGNU General Public License v3.0GPL-3.0

这里是MapServer的前端源码

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

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

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

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


支持地图类型为:

  • Google卫星
  • Google矢量
  • Google地形
  • 高德卫星
  • 高德矢量
  • 高德标签层
  • 天地图卫星
  • 天地图矢量
  • 天地图标签层
  • PS:多种类型的瓦片类型可以同时存在。

坐标系:

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

使用方法简述:

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

测试方法简述:

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