# 自定义栅格图层
- 该图层的核心能力是兼容国内常见的互联网地图
- 该图层是将原始的坐标为
百度BD09/高德GCJ02
坐标进行对应的统一反算成WGS84
并叠加显示在 WGS84 的椭球上,因此只能使用
WGS84 的地理数据进行对应的要素服务叠加。
mapgis-custom-rastertile-layer
WARNING
大部分的互联网地图都是按照 Web 墨卡托投影(EPSG:3857)来处理的,只有天地图是 Web 墨卡托投影(EPSG:3857)/等分弧秒投影(EPSG:4326)。 因此强烈推荐使用该组件时,统一设置 Map 为 EPSG:3857
<mapgis-web-map crs="EPSG:3857" />
# 属性
# layerId
- 类型:
String
- 非侦听属性
- 描述: 栅格瓦片图层名
# layerType
- 类型:
String
- 非侦听属性
- 描述: 栅格瓦片图层自定义类型
高德-注记 | 高德-无注记 | 高德-遥感 | 百度-矢量 | 百度-遥感 |
---|---|---|---|---|
'GaoDe.Normal.Map' | 'GaoDe.Normal_NoTag.Map' | 'GaoDe.Satellite.Map' | 'Baidu.Normal.Map' | 'Baidu.Satellite.Map' |
高德-注记 | 高德-无注记 | 高德-遥感卫星 |
---|---|---|
![]() | ![]() | ![]() |
百度-矢量 | 百度-遥感卫星 |
---|---|
![]() | ![]() |
# options
- 类型:
Object
- 非侦听属性
- 描述: 保留字段,兼容后期的额外参数需求(key,跨域等)
名称 | 类型 | 示例 |
---|---|---|
url | String | http://custom:49526/{z}/{x}/{y}.jpg |
minzoom | Number | 0 |
maxzoom | Number | 20 |
scheme | String | 'xyz' 或者 'bd09' |
# 示例
<template>
<mapgis-web-map crs="EPSG:3857" :center="[107.19, 26.85]" :zoom="3">
<mapgis-custom-rastertile-layer
layerId="gaode"
layerType="GaoDe.Normal.Map"
/>
</mapgis-web-map>
</template>
<template>
<mapgis-web-map crs="EPSG:3857" :center="[107.19, 26.85]" :zoom="3">
<mapgis-custom-rastertile-layer layerId="custom" layerType="Custom.WMTS.Map"
:options={
url: "http://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
minzoom: 0,
maxzoom: 20
}
>
</mapgis-custom-rastertile-layer>
</mapgis-web-map>
</template>