Mars3d支持geoserver的rest服务类型数据渲染上图

需求:geoserver的rest服务类型的矢量数据通过mars3d的引擎直接渲染上图

学习过程:

1.通过全局查询示例的map.js文件,可以看到示例调用的rest服务类型,发现很多wfs接口的数据直接上图渲染矢量数据以及query接口下面调用这个服务的示例。

2.由此推断出mars3d是支持rest服务类型的,此时去查询mars3d的开发教程,关于矢量数据的说明,可以看到以下说明:

平台支持 通过WfsLayer类 (opens new window)来加载OGC WFS(如GeoServer)服务 、通过ArcGisWfsLayer类 (opens new window)来加载ArcGIS Server 服务发布的矢量数据的加载。

复制代码
//OGC WFS
var wfsLayer = new mars3d.layer.WfsLayer({
    name: '合肥教育点', 
    url: 'http://server.mars3d.cn/geoserver/mars/wfs',
    layer: 'mars:hfjy',
    parameters: { 
      maxFeatures: 500, //支持所有wfs的参数
    },
    minimumLevel: 13,
    debuggerTileInfo: false,
    symbol: {//可以通过配置symbol参数来指定渲染的矢量数据类型和样式。
      type: 'billboardP',
      styleOptions: {
        image: 'img/marker/mark1.jpg',
        verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
        clampToGround: true,
      },
    },
    popup: 'all', 
})
map.addLayer(wfsLayer)


//ArcGIS WFS
var wfsLayer = new mars3d.layer.ArcGisWfsLayer({
  name: '兴趣点',
  url: 'http://server.mars3d.cn/arcgis/rest/services/mars/hefei/MapServer/1',
  minimumLevel: 16,
    symbol: {//可以通过配置symbol参数来指定渲染的矢量数据类型和样式。
    type: 'billboardP',
    styleOptions: {
      image: 'img/marker/mark3.jpg',
      verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
      clampToGround: true,
    },
  },
  popup: '名称:{NAME}<br />地址:{address}',
  show: true,
})
map.addLayer(wfsLayer)

此时,可以实现rest类型渲染上图。

学习开发教程过程中,可以看到很清楚的说明了矢量数据图层的创建及使用,除了wfs接口,还有wms的接口调用。

补充说明以下mars3d支持的图层标准:通用的标准服务我们均是支持的。

相关推荐
Larcher3 小时前
新手也能学会,100行代码玩AI LOGO
前端·llm·html
徐子颐3 小时前
从 Vibe Coding 到 Agent Coding:Cursor 2.0 开启下一代 AI 开发范式
前端
小月鸭3 小时前
如何理解HTML语义化
前端·html
jump6804 小时前
url输入到网页展示会发生什么?
前端
诸葛韩信4 小时前
我们需要了解的Web Workers
前端
brzhang4 小时前
我觉得可以试试 TOON —— 一个为 LLM 而生的极致压缩数据格式
前端·后端·架构
yivifu4 小时前
JavaScript Selection API详解
java·前端·javascript
这儿有一堆花4 小时前
告别 Class 组件:拥抱 React Hooks 带来的函数式新范式
前端·javascript·react.js
十二春秋4 小时前
场景模拟:基础路由配置
前端
六月的可乐4 小时前
实战干货-Vue实现AI聊天助手全流程解析
前端·vue.js·ai编程