火星加载WMTS服务

4 篇文章 0 订阅
2 篇文章 0 订阅
  • 这是正常的加载瓦片
    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
    在这里插入图片描述

  • 原先安装示例来错误是因为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
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值