# IgsWmtsLayer
# 属性
All common layers props
# source
- 类型:
Object | String
- 非侦听属性
- 描述: A raster tile source.
- 参考:
Raster source
in Mapbox Style Spec (opens new window)
# url
- 类型:
String
- 默认值:
null
- 非侦听属性
- 描述: 完整的地图请求路径。当 url 不为空时,除了 tileSize 和 zoomOffset,其他参数无效
# tileSize
- 类型:
Number
- 默认值:
512
- 非侦听属性
- 描述: 输出瓦片大小。
# domain
- 类型:
String
- 默认值:
null
- 非侦听属性
- 描述: igs 服务域名。(domain 和(protocol,ip,port)二选一)
- 示例:
http://localhost:6163
# protocol
- 类型:
String
- 默认值:
location.protocol.split(":")[0] || "http"
- 非侦听属性
- 描述: igs 服务网络协议。(domain 和(protocol,ip,port)二选一)
# ip
- 类型:
String
- 默认值:
localhost
- 非侦听属性
- 描述: igs 服务 ip。(domain 和(protocol,ip,port)二选一)
# port
- 类型:
String
- 默认值:
6163
- 非侦听属性
- 描述: igs 服务 port。(domain 和(protocol,ip,port)二选一)
# wmtsLayer
- 类型:
String
- 非侦听属性
- 描述: 瓦片数据名称,根据发布的 WMTS 服务信息设置
# tileMatrixSet
- 类型:
String
- 非侦听属性
- 描述: 块阵集,即瓦片矩阵名称,主要由坐标系唯一确定
- 示例:
EPSG:4610_CHINAXY_2_arcgis_GB
# version
- 类型:
String
- 默认值:
1.0.0
- 非侦听属性
- 描述: 请求的版本号,支持 1.0.0 版本
# format
- 类型:
String
- 默认值:
image/png
- 非侦听属性
- 描述: 图块输出格式。image/png | image/jpeg
# zoomOffset
- 类型:
Number
- 默认值:
0
- 非侦听属性
- 描述: 级数偏差数。igs 经纬度瓦片 zoomOffset 取值为 1,igs 墨卡托瓦片 zoomOffset 取值为 0。以支持非标准裁剪的瓦片(这里的非标准不是指任意裁剪瓦片,而是当前瓦片的 0 级不是 mapbox 定义的瓦片的 0 级,中间相差 zoomOffset 级)
# 事件
All common layer events
# 示例
# 中地格式
<template>
<mapgis-web-map
class="main"
:accessToken="accessToken"
:mapStyle="mapStyle"
:zoom="mapZoom"
:center="outerCenter"
:crs="mapCrs"
>
<mapbox-igs-wmts-layer
:layer="layer"
:layerId="layerId"
:sourceId="sourceId"
:ip="igsWmtsIp"
:port="igsWmtsPort"
:tileMatrixSet="igsWmtsTilematrixSet"
:wmtsLayer="igsWmtsLayer"
:zoomOffset="zoomOffset"
>
</mapbox-igs-wmts-layer>
</mapgis-web-map >
</template>
<script>
import "@mapgis/mapbox-gl/dist/mapbox-gl.css";
import Mapbox from "@mapgis/mapbox-gl";
import { MapgisWebMap, MapboxIgsWmtsLayer } from "@mapgis/webclient-vue-mapboxgl";
export default {
components: {
MapgisWebMap,
MapboxIgsWmtsLayer
},
data() {
return {
accessToken:
"pk.eyJ1IjoicGFybmRlZWRsaXQiLCJhIjoiY2o1MjBtYTRuMDhpaTMzbXhpdjd3YzhjdCJ9.sCoubaHF9-nhGTA-sgz0sA", // 使用mapbox样式需要的秘钥
mapStyle: "mapbox://styles/mapbox/light-v9", // 地图样式
mapZoom: 3, // 地图初始化级数
outerCenter: [130, 30], // 地图显示中心
mapCrs: "EPSG:3857",
layerId: "igsLayer_layerId",
sourceId: "igsLayer_sourceId",
layer: {}, // 图层配置信息
igsWmtsIp: "localhost", // igs服务ip
igsWmtsPort: "6163", // igs服务port
igsWmtsTilematrixSet: "EPSG:3857_省级行政区墨卡托_dpi96_GB", // 块阵集
igsWmtsLayer: "shengjixingzhengqumokat", // 瓦片数据名称
zoomOffset: 0 // 级数偏差
};
},
created() {
// 在组件中使用mapbox-gl.js的脚本库功能
this.mapbox = Mapbox;
}
};
</script>
<style lang="css">
.main {
height: 600px;
width: 100%;
}
</style>
# 标准 URL 传参
<template>
<mapgis-web-map
class="main"
:accessToken="accessToken"
:mapStyle="mapStyle"
:zoom="mapZoom"
:center="outerCenter"
:crs="mapCrs"
>
<mapbox-igs-wmts-layer
:layer="layer"
:layerId="layerId"
:sourceId="sourceId"
:url="url"
:zoomOffset="zoomOffset"
>
</mapbox-igs-wmts-layer>
</mapgis-web-map >
</template>
<script>
import "@mapgis/mapbox-gl/dist/mapbox-gl.css";
import Mapbox from "@mapgis/mapbox-gl";
import { MapgisWebMap, MapboxIgsWmtsLayer } from "@mapgis/webclient-vue-mapboxgl";
export default {
components: {
MapgisWebMap,
MapboxIgsWmtsLayer
},
data() {
return {
accessToken:
"pk.eyJ1IjoicGFybmRlZWRsaXQiLCJhIjoiY2o1MjBtYTRuMDhpaTMzbXhpdjd3YzhjdCJ9.sCoubaHF9-nhGTA-sgz0sA", // 使用mapbox样式需要的秘钥
mapStyle: "mapbox://styles/mapbox/light-v9", // 地图样式
mapZoom: 3, // 地图初始化级数
outerCenter: [130, 30], // 地图显示中心
mapCrs: "EPSG:4326",
layerId: "igsLayer_layerId",
sourceId: "igsLayer_sourceId",
layer: {}, // 图层配置信息
url:
"http://t0.tianditu.gov.cn/img_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles&TILECOL={x}&TILEROW={y}&TILEMATRIX={z}&tk=f5347cab4b28410a6e8ba5143e3d5a35",
zoomOffset: 0 // 级数偏差
};
},
created() {
// 在组件中使用mapbox-gl.js的脚本库功能
this.mapbox = Mapbox;
}
};
</script>
<style lang="css">
.main {
height: 600px;
width: 100%;
}
</style>