火星加载WMTS服务

  • 这是正常的加载瓦片
    http://192.168.1.23:8008/geoserver/mars3d/gwc/service/wmts?tilematrix=EPSG%3A4326%3A7&layer=mars3d%3Abuffer&style=&tilerow=46&tilecol=197&tilematrixset=EPSG%3A4326&format=image%2Fpng&service=WMTS&version=1.0.0&request=GetTile
    火星加载WMTS服务_第1张图片

  • 原先安装示例来错误是因为tilematrix的值没有前面的EPSG%3A4326%3A。

  • 贴下正确代码

  if (data.code === 250 && data.message === "test") {
    const tileLayer = new mars3d.layer.WmtsLayer({
      url: `//192.168.1.23:8008/geoserver/mars3d/gwc/service/wmts?`,
      layer: "mars3d:buffer",
      format: "image/png",
      tileMatrixSetID: "EPSG:4326",
      crs: "EPSG:4326",
      tileMatrixLabels: ["EPSG:4326:0", "EPSG:4326:1", "EPSG:4326:2", "EPSG:4326:3", "EPSG:4326:4", "EPSG:4326:5", "EPSG:4326:6", "EPSG:4326:7", "EPSG:4326:8", "EPSG:4326:9", "EPSG:4326:10", "EPSG:4326:11", "EPSG:4326:12", "EPSG:4326:13", "EPSG:4326:14", "EPSG:4326:15", "EPSG:4326:16", "EPSG:4326:17", "EPSG:4326:18", "EPSG:4326:19", "EPSG:4326:20", "EPSG:4326:21"],
      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
    })
    console.log(tileLayer)
    
    map.addLayer(tileLayer)
  }
  • 加快加载速度
    在这里插入图片描述
    http://mars3d.cn/api.html
    https://zhuanlan.zhihu.com/p/610265076
    https://www.jianshu.com/p/c6bddd7af060

你可能感兴趣的:(geoserver,geonode,mars3d,geoserver)