【Mars3d】实现cesium叠加dwg或者其他矢量图的解决方案

问题:

【Mars3d】实现cesium叠加dwg或者其他矢量图的解决方案

说明:

1.dwg,即DWG,是电脑辅助设计软件AutoCAD以及基于AutoCAD的软件保存设计数据所用的一种专有文件格式

2.AutoCAD(一款绘图工具软件)_百度百科 AutoCAD是一款基本的gis二维制图和三维制图的设计软件。

3.其他矢量图的话,如果数据量级很大的时候,Mars3d的矢量数据量级最多在几十万以内的数据,可以支持combine合并渲染。但是依然会卡顿,所以对大数据量级的矢量图层渲染没有想象中友好。Mars3D 三维可视化平台 | 火星科技 | 地图开发

解决方案:<一>有2种方式

1.dwg转shp转geojson或wfs服务,

2.dwg转图片叠加

<二>geojson对于比较多的矢量数据访问好像不太友好,数据量大了会卡,此时的话,数据量级很大的时候就wfs服务实现。

wfs服务的配置案例,在Mars3d的示例中搜索关键字"wfs"即可看到。

Mars3D 三维可视化平台 | 火星科技 | 地图开发

我们支持初始话就加载相关的服务,在layer中配置相关图层的代码即可。

layers: [

{

name: "合肥教育点",

type: "wfs",

url: "//server.mars3d.cn/geoserver/mars/wfs",

layer: "mars:hfjy",

parameters: {

// 支持所有wfs的参数

maxFeatures: 500

},

minimumLevel: 13,

debuggerTileInfo: false,

symbol: {

type: "billboardP",

styleOptions: {

image: "img/marker/mark-red.png",

verticalOrigin: Cesium.VerticalOrigin.BOTTOM,

scaleByDistance: true,

scaleByDistance_far: 20000,

scaleByDistance_farValue: 0.6,

scaleByDistance_near: 1000,

scaleByDistance_nearValue: 1,

clampToGround: true,

label: {

text: "{项目名称}",

font_size: 15,

color: "#ffffff",

outline: true,

outlineColor: "#000000",

pixelOffsetY: -30,

distanceDisplayCondition: true,

distanceDisplayCondition_far: 2000,

distanceDisplayCondition_near: 0

}

}

},

popup: "all",

show: true

}

]

也可以参考示例,在地球初始化之后通过代码进行调用请求相关服务进行渲染。

const wfsLayer = new mars3d.layer.WfsLayer({

name: "建筑物面WFS",

url: "//server.mars3d.cn/geoserver/mars/wfs",

layer: "mars:hfjzw",

parameters: {

// 支持所有wfs的参数

maxFeatures: 210

},

minimumLevel: changeLevel,

symbol: {

type: "polygonP",

styleOptions: {

color: "#00469c",

outline: false,

opacity: 1

}

},

buildings: {

cloumn: "floor"

},

debuggerTileInfo: false,

popup: "名称:{NAME}<br />层数:{floor}",

show: true

})

map.addLayer(wfsLayer)

<三>wfs配置矢量数据发布需要自行学习相关软件的使用,例如arcgis等相关软件。

相关推荐
WooaiJava1 小时前
AI 智能助手项目面试技术要点总结(前端部分)
javascript·大模型·html5
LYFlied1 小时前
从 Vue 到 React,再到 React Native:资深前端开发者的平滑过渡指南
vue.js·react native·react.js
哈__1 小时前
CANN加速3D目标检测推理:点云处理与特征金字塔优化
目标检测·3d·目标跟踪
爱喝白开水a1 小时前
前端AI自动化测试:brower-use调研让大模型帮你做网页交互与测试
前端·人工智能·大模型·prompt·交互·agent·rag
Never_Satisfied1 小时前
在JavaScript / HTML中,关于querySelectorAll方法
开发语言·javascript·html
董世昌411 小时前
深度解析ES6 Set与Map:相同点、核心差异及实战选型
前端·javascript·es6
B站_计算机毕业设计之家2 小时前
豆瓣电影数据采集分析推荐系统 | Python Vue Flask框架 LSTM Echarts多技术融合开发 毕业设计源码 计算机
vue.js·python·机器学习·flask·echarts·lstm·推荐算法
WeiXiao_Hyy2 小时前
成为 Top 1% 的工程师
java·开发语言·javascript·经验分享·后端
吃杠碰小鸡2 小时前
高中数学-数列-导数证明
前端·数学·算法
kingwebo'sZone2 小时前
C#使用Aspose.Words把 word转成图片
前端·c#·word