美文网首页
加载天地图-new

加载天地图-new

作者: xueyueshuai | 来源:发表于2023-07-25 23:13 被阅读0次
import {get as getProjection} from 'ol/proj'
import TileLayer from "ol/layer/Tile";
import {XYZ} from "ol/source";

let typeObj = {
  'vec': '矢量底图',
  'cva': '矢量注记',

  'img': '影像底图',
  'cia': '影像注记',

  'ter': '地形晕渲',
  'cta': '地形注记',

  'ibo': '全球境界',

  'eva': '矢量英文注记',

  'eia': '影像英文注记',
}
let projectionWayObj = {
  'c': '经纬度投影',
  'w': '球面墨卡托投影',
}

let xysGetTDT = (epsg = 'EPSG:4326', type = 'vec', projectionWay = 'w', layerOption = {}) => {
  let sourceOption = {}
  if (projectionWay === 'c') {
    sourceOption.projection = getProjection(epsg)
  }


  if(epsg === 'EPSG:3857' && projectionWay==='c'){
    projectionWay = 'w'
  }

  return new TileLayer({
    name: '天地图-' + typeObj[type] + '-' + projectionWayObj[projectionWay],
    source: new XYZ({
      url: 'http://t0.tianditu.gov.cn/DataServer?T=' + type + '_' + projectionWay + '&x={x}&y={y}&l={z}&tk=6d6732d7f432d1a70b3c0c9fc0e4d8fd',
      ...sourceOption
    }),
    ...layerOption
  })
}

export default xysGetTDT

相关文章

  • maptalks

    一、加载不同地图的方式 1.谷歌地图: var googleYxlayer =new maptalks.TileL...

  • 6.1-高德地图开发

    基础api一览 new AMap.Map() 创建 加载完成 销毁 获取设置 事件 地图map.on,其它mark...

  • cesium 加载自定义影像服务

    1.加载天地图 2.加载Arcgis服务。 1)加载Arcgis影像服务。 2)加载Arcgis地图服务。 3.加...

  • Arcgis runtime for Android 100.5

    (三) 加载基础地图 地图上的监听事件 1. 地图加载完成监听 2. 地图缩放基本监听 3. 地图旋转监听 4. ...

  • Vue@Leaflet Baselayer

    基础地图 1.加载在线地图 2.自定义带参数设置 3.加载无标注地图 4.切换底图 5.加载离线地图 6.补充自动...

  • arcgis js api4.7:加载天地图

    加载天地图、天地图注记、影像:

  • Arcgis runtime for Android 100.5

    加载天地图说明一下,什么时候加载高德地图,什么时候加载天地图 使用原生定位或者使用arcgis提供的Locatio...

  • Arcgis runtime for Android 100.5

    加载高德地图 说明一下,什么时候加载高德地图,什么时候加载天地图 使用原生定位或者使用arcgis提供的Locat...

  • OpenLayers中切片计算与加载

    我们来解析一下ol对于切片的计算与加载过程 创建图层 一切的出发点都是初始化地图: new TileLayer()...

  • react中使用echart地图

    加载地图 省市地图坑——mapType是中文

网友评论

      本文标题:加载天地图-new

      本文链接:https://www.haomeiwen.com/subject/yaohpdtx.html