问题:
【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}
层数:{floor}”,
show: true
})
map.addLayer(wfsLayer)
wfs配置矢量数据发布需要自行学习相关软件的使用,例如arcgis等相关软件。