# 自定义栅格图层

  1. 该图层的核心能力是兼容国内常见的互联网地图
  2. 该图层是将原始的坐标为百度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'
高德-注记 高德-无注记 高德-遥感卫星
gaode gaode gaode
百度-矢量 百度-遥感卫星
gaode gaode

# 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>