jger
11/29/2019 - 9:20 AM

openlayers加载天地图图层的配置

/**
 * 天地图WGS84图层
 */
import {Tile} from 'ol/layer'
import XYZ from 'ol/source/XYZ'

const EPSG_4326 = 'EPSG:4326'

// tdtKey为天地图密钥
const TDTKEY = '[你的天地图key]'

// 天地图影像底图
export const IMG_C = new Tile({
  title: 'tdt_img_c',
  type: 'base',
  visible: true,
  source: new XYZ({
    maxZoom: 18,
    url: 'http://t0.tianditu.com/DataServer?T=img_c&x={x}&y={y}&l={z}&tk=' + TDTKEY,
    projection: EPSG_4326
  })
})

// 天地图影像注记
export const CIA_C = new Tile({
  title: 'tdt_cia_c',
  type: 'base',
  visible: true,
  source: new XYZ({
    maxZoom: 18,
    url: 'http://t0.tianditu.com/DataServer?T=cia_c&x={x}&y={y}&l={z}&tk=' + TDTKEY,
    projection: EPSG_4326
  })
})

// 天地图矢量底图
export const VEC_C = new Tile({
  title: 'tdt_vec_c',
  type: 'base',
  visible: false,
  source: new XYZ({
    maxZoom: 18,
    url: 'http://t0.tianditu.com/DataServer?T=vec_c&x={x}&y={y}&l={z}&tk=' + TDTKEY,
    projection: EPSG_4326
  })
})

// 天地图矢量注记
export const CVA_C = new Tile({
  title: 'tdt_cva_c',
  type: 'base',
  visible: false,
  source: new XYZ({
    maxZoom: 18,
    url: 'http://t0.tianditu.com/DataServer?T=cva_c&x={x}&y={y}&l={z}&tk=' + TDTKEY,
    projection: EPSG_4326
  })
})