剖面分析
框架支持自定义剖面线并进行剖面分析
注意
WARNING
结果除了返回分析数据,默认会生成一个echarts折线图的配置数据,可以直接用于图表绘制
代码实例
vue3 + ts
ts
let map: any
LarkExplorer.ready({
baseUrl: './dist/resources/',
}).then(initMap)
function initMap() {
// 默认谷歌影像地图
const baseImagery = LarkExplorer.BaseLayer.DefaultTdtImg
// 默认全球地形
const baseTerrain = LarkExplorer.BaseLayer.DefaultTerrain
map = new LarkExplorer.Map('map', baseImagery, baseTerrain)
initView()
}
function initView() {
const status = {
position: {
x: -947707.6526854301,
y: 5525655.629629169,
z: 3043025.882299652,
},
hpr: {
heading: 3.862207334800405,
pitch: -0.3624409974692644,
roll: 0.0001087727106403591,
},
}
map.Navigation.flyToPos(status, 3)
}
const showChart = ref(false)
const chartOption = ref<any>({})
const start = () => {
map.SpecialAnalysis.Profile.createNewProfile(function (
obj: any,
points: any
) {
console.log('创建剖面:', obj, points)
// 形成图表参数,可以直接在echarts中使用
const options = map.SpecialAnalysis.Profile.chartOption
console.log('图表参数', options)
chartOption.value = options
showChart.value = true
})
}
const remove = () => {
map.SpecialAnalysis.Profile.removeAll()
showChart.value = false
}
运行效果
更多示例