中地数码

# OGC-WMS

mapgis-ogc-wms-layer

# 属性

All common layers props

# baseUrl

  • 类型: String
  • 非侦听属性
  • 描述: WMS 请求基地址.
  • 示例: "http://develop.smaryun.com:6163/igs/rest/ogc/beijing/WMSServer"

# layers

  • 类型: String
  • 默认值: null
  • 侦听属性
  • 描述: 图层名称或 Id

    图层名称或 Id，多个值以逗号分隔，不传时不显示地图
    igs 使用地图名称,即为通过图层的基地址（如http://192.168.81.103:8089/igs/rest/ogc/doc/北京市/WMSServer）查询的地图图层信息中的 Name 字段
    arcgis 根据版本不同，可使用 id 或名称，具体请看 arcgis 的 wms 服务的 xml 文档，例如：
    > http://219.142.81.85/arcgis/services/矿产地数据库2019/ferrous_metal/MapServer/WMSServer?request=GetCapabilities&service=WMS
    ...
    > <Layer queryable="1">
    > <Name>0</Name>
    ...
    > </Layer>
    ...
    在此文档中找到 Layer 下面的<Name>0</Name>属性，这里指定图层名称为 0，因此按 id 来查询，若指定名称为英文或汉字则按名称查询

# version

  • 类型: String
  • 默认值: 1.1.1
  • 非侦听属性
  • 描述: wms 服务版本号。

# format

  • 类型: String
  • 默认值: image/png
  • 非侦听属性
  • 描述: 返回格式

# token

  • 类型: String
  • 非侦听属性
  • 描述: 瓦片请求的 token

# height

  • 类型: Number
  • 默认值: 512
  • 非侦听属性
  • 描述: 瓦片的高度

# width

  • 类型: Number
  • 默认值: 512
  • 非侦听属性
  • 描述: 瓦片的宽度

# reversebbox

  • 类型: Boolean
  • 默认值: false
  • 非侦听属性
  • 描述: 这个参数专门针对特定版本的 arcserver，在一些特定的 arcserve 版本其 bbox 的传入方式是[miny, minx, maxy, maxx],而不是[minx, miny, maxx, maxy]

# 事件

All common layer events

# 示例

<template>
  <mapgis-web-map
    id="map"
    v-bind:map-style="mapStyle"
    v-bind:zoom="mapZoom"
    v-bind:center="outerCenter"
    v-bind:crs="mapCrs"
    v-on:load="handleMapLoad"
  >
    <mapgis-ogc-wms-layer
      v-bind:layers="layers"
      v-bind:layer-id="layerRasterId"
      v-bind:source-id="sourceRasterId"
      v-bind:baseUrl="baseUrl"
    >
    </mapgis-ogc-wms-layer>
  </mapgis-web-map>
</template>

<script>
import "@mapgis/mapbox-gl/dist/mapbox-gl.css";
import Mapbox from "@mapgis/mapbox-gl";
import { MapgisWebMap, MapgisOgcWmsLayer } from "@mapgis/webclient-vue-mapboxgl";

export default {
  components: {
    MapgisWebMap,
    MapgisOgcWmsLayer
  },
  data() {
    return {
      mapStyle: {
        //设置版本号，一定要设置
        version: 8,
        //添加来源
        sources: {},
        //设置加载并显示来源的图层信息
        layers: []
      }, // 地图样式
      mapZoom: 8, // 地图初始化级数
      outerCenter: [116.39, 40.2], // 地图显示中心
      mapCrs: "EPSG:4326",
      layers:
        "北京市,绿地_1,绿地_2,绿地_3,绿地_4,水域_3,水域_2,水域_1,大学,学校,动物园,高尔夫,观光胜地,果园,住宅用地,医院",
      layerRasterId: "raster_layerId",
      sourceRasterId: "raster_sourceId",
      baseUrl:
        "http://develop.smaryun.com:6163/igs/rest/ogc/doc/北京市/WMSServer"
    };
  },

  created() {
    // 在组件中使用mapbox-gl.js的脚本库功能
    this.mapbox = Mapbox;
  }
};
</script>

<style lang="css">
.main {
  height: 600px;
  width: 100%;
}
</style>

← ArcGIS地图 →