#### # new VectorTileLayer(url, options)

矢量瓦片图层(Leaflet)

#### 参数

名称 | 类型 | 默认值 | 描述
--- | --- | --- | ---
`url` | String |  | 服务基地址
`options` | Object |  | 额外构造参数
`style` | Object |  | 矢量瓦片样式
`tileSize` | Number | 256 | 瓦片大小
`clippingArea` | Object |  | 图层几何裁剪对象
`crsOptions` | Object |  | 相同坐标系的图层，但裁图方案不同时，设置此参数，可让图层进行叠加
`minZoom` | Number | 0 | 最小显示级数
`maxZoom` | Number | 18 | 最大显示级数
`tokenKey` | String |  | token名
`tokenValue` | String |  | token值

##### 示例

混合开发模式

    // ES5引入方式
    const { IGSVectorTileLayer } = zondy.Layer
    const { initializeCRS, initializeOptions } = zondy.leaflet
    // ES6引入方式
    import { IGSVectorTileLayer } from "@mapgis/webclient-common"
    import "@mapgis/webclient-leaflet-plugin"
    const { initializeCRS, initializeOptions } = zondy.leaflet

    // 构造一个IGSVectorTileLayer图层对象
    const layer = new IGSVectorTileLayer({
      // 服务基地址
      url: "http://{ip}:{port}/igs/rest/services/{服务名}/VectorTileServer"
    });
    // 加载图层元数据
    layer.load().then(function () {
      // 构造地图视图的初始化参数
      const crs = initializeCRS(layer)
      const mapViewOptions = {
        // 地图视图参考系
        crs: crs,
        // 初始化中心点
        center: [31.147781205532336,112.21905099757561],
        // 初始化级数
        zoom: 7
      }
      // 构造Leaflet地图视图对象
      const map = L.map('地图视图容器ID', mapViewOptions)
      // 构造图层的初始化参数
      const layerOptions = initializeOptions(layer)
      // 添加图层到地图视图中
      new zondy.leaflet.VectorTileLayer(layerOptions).addTo(map)
    })