当前位置:   article > 正文

使用mars3d 如何添加一个OGC WMTS服务_mars3d加载wmts

mars3d加载wmts

1、在配置中添加
在配置中的basemaps字段中添加

  basemaps: [
    {
      name: "山西天地图",
      icon: "img/basemaps/blackMarble.png",
      type: "wmts",
      url: "http://shanxi.tianditu.gov.cn/service/SX_DOM/wmts",
      layer: "WD_DOM",
      format: "image/tile",
      tileMatrixSetID: "Matrix_WD_DOM_1",
      crs: "EPSG:4490",
      proxy: "//server.mars3d.cn/proxy/", // 代理服务,解决跨域问题
      show: true
    },
    {
      name: "单张图片",
      icon: "img/basemaps/offline.png",
      type: "image",
      url: "//data.mars3d.cn/file/img/world/world.jpg",
      show: false
    }
  ]
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21

2、在创建地球后调用addLayer添加图层(直接new对应type类型的图层类)

  tileLayer = new mars3d.layer.WmtsLayer({
    url: "//server.mars3d.cn/geoserver/gwc/service/wmts",
    layer: "mars:hfgh",
    format: "image/png",
    tileMatrixSetID: "EPSG:4326",
    crs: "EPSG:4326",
    alpha: 0.8,

    pickFeaturesUrl: "//server.mars3d.cn/geoserver/mars/wms",
    popup: "all",
    highlight: {
      type: "wallP",
      diffHeight: 100,
      materialType: mars3d.MaterialType.LineFlow,
      materialOptions: {
        image: "img/textures/fence.png",
        color: "#ffff00",
        speed: 10, // 速度,建议取值范围1-100
        axisY: true
      }
    },

    flyTo: true
  })
  map.addLayer(tileLayer)
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/687611
推荐阅读
相关标签
  

闽ICP备14008679号