iServer配置图层服务以及前端使用

前端使用

配置好的图层服务有一个名称，我们通过这个名称去get请求一个json，可以拿到一串数据，这个可以前端去拿，也可以后端拿到返给前端，拿到的数据里面包括数据源的数据，图层的数据，可以直接用，也可以在这个基础上修改样式，需要注意的是这里拿到的切片url如果没有viewBounds={bbox-epsg-3857}会导致拿不到图层元素的系统字段，如smid等（以前没有配置这个参数是可以拿到的，超图更新后就拿不到了）

以一个图层名为zk_cross_index_test_mvt的案例

1.首先请求/iserver/services/map-mvt-zkcrossindextestmvt/restjsr/v1/vectortile/maps/zk_cross_index_test_mvt/style.json

2.拿到的数据

{
  "metadata": {
    "mapcenter": [119.5615, 29.886],
    "indexbounds": [-180, -270, 180, 90],
    "mapscale": 0.000006432916202249,
    "epsgcode": 4490,
    "topscale": 3.38032714320531e-9,
    "mapbounds": [118.4376, 29.2123, 120.6854, 30.5597]
  },
  "sources": {
    "zk_cross_index_test_mvt": {
      "tiles": [
        "http://172.18.91.192:8090/iserver/services/map-mvt-zkcrossindextestmvt/restjsr/v1/vectortile/maps/zk_cross_index_test_mvt/tiles/{z}/{x}/{y}.mvt"
      ],
      "bounds": [-180, -90, 180, 90],
      "type": "vector"
    }
  },
  "center": [119.5615, 29.8859999991976],
  "name": "zk_cross_index_test_mvt",
  "sprite": "http://172.18.91.192:8090/iserver/services/map-mvt-zkcrossindextestmvt/restjsr/v1/vectortile/maps/zk_cross_index_test_mvt/sprites/sprite",
  "layers": [
    {
      "paint": {
        "background-color": "rgba(255,255,255,1.00)"
      },
      "id": "background",
      "type": "background"
    },
    {
      "layout": {
        "visibility": "visible",
        "icon-size": 1,
        "icon-image": "marker_317_4_366092"
      },
      "filter": [
        "all",
        [
          "==",
          "$type",
          "Point"
        ]
      ],
      "metadata": {
        "layer:caption": "zk_cross_index_test_mvt"
      },
      "maxzoom": 21,
      "paint": {

      },
      "id": "zk_cross_index_test_mvt@172.18.94.235:15432_supgis(0_21)",
      "source": "zk_cross_index_test_mvt",
      "source-layer": "zk_cross_index_test_mvt@172.18.94.235:15432_supgis",
      "type": "symbol",
      "minzoom": 0
    }
  ],
  "zoom": 10.9,
  "glyphs": "http://172.18.91.192:8090/iserver/services/map-mvt-zkcrossindextestmvt/restjsr/v1/vectortile/maps/zk_cross_index_test_mvt/fonts/{fontstack}/{range}",
  "version": 8
}

3.通过addSource和addLayer来加载图层