vue+cesium+geoserver修改infobox要素属性

1.加载wfs服务方式,通过geojson方式加载，数据量不大

geoserver.png

2.地址即我们的请求geojson的地址

请求地址

3.将此地址当做json地址，不需要发ajax，直接用cesium api调用

let urlWfs =
                this.$api.geoserverUrlWFS +
                "?service=WFS&version=1.0.0&request=GetFeature&maxFeatures=50&outputFormat=application%2Fjson" +
                `&typeName=${this.quYuSelect.split(",")[0]}`

            let promise = Cesium.GeoJsonDataSource.load(urlWfs)
            promise.then(function(dataSources) {
                let entities = dataSources.entities.values
                for (let i = 0; i < entities.length; i++) {
                    let entity = entities[i]
                    entity.name = entity.properties.I_clas
                    entity.description = `

                    

                        

                            
变化前
                            
${entity.properties.BH_Q}
                        
                        

                            
变化后
                            
${entity.properties.BH_H}
                        
                        

                            
面积(m²)
                            
${entity.properties.mianji}
                        
                        

                            
一级分类
                            
${entity.properties.I_clas}
                        
                        

                            
二级分类
                            
${entity.properties.II_class}
                        
                        

                            
三级分类
                            
${entity.properties.III_clas}
                        
                    
                    
`
                    viewer.entities.add(entity)
                }
            })
            viewer.flyTo(promise)