new mars3d.graphic.PolylineEntity({在固定高度开启编辑模式的坐标自定义处理

功能示例(Vue版) | Mars3D三维可视化平台 | 火星科技

问题场景:

1.在编辑航线时,需要指定航线坐标在固定高度值上开启编辑模式。

2.关键代码是:

graphicLayer.startEditing({开启编辑模式,进行航线的编辑。

解决方案:

1.需要将mars3d的sdk版本更新到3.6的最新版本,graphicLayer.startEditing(支持新的函数回调,

指定固定的坐标高度值。

复制代码
  updateDrawPosition: function (position, graphic) {
      position = mars3d.PointUtil.setPositionsHeight(position, 1000)
      return position
    }

完整的代码:

// 开始绘制

export function startDrawGraphic() {

graphicLayer.startDraw({

type: "polyline",

style: {

color: "#ffff00",

width: 3

},

// 绘制时,外部自定义更新坐标,可以自定义处理特殊业务返回修改后的新坐标。

updateDrawPosition: function (position, graphic) {

position = mars3d.PointUtil.setPositionsHeight(position, 1000)

return position

}

// 外部自定义校验坐标,return false 时坐标无效,不参与绘制

// validDrawPosition: function (position, graphic) {

// const point = mars3d.LngLatPoint.fromCartesian(position)

// return (point.lng > 115 && point.lng < 117)

// }

})

}

相关推荐
啃火龙果的兔子9 分钟前
前端导出大量数据到PDF方案
前端·pdf
屹奕11 分钟前
基于EasyExcel实现Excel导出功能
java·开发语言·spring boot·excel
hixiong12313 分钟前
C# OpencvSharp使用lpd_yunet进行车牌检测
开发语言·opencv·计算机视觉·c#
Lj2_jOker16 分钟前
QT 给Qimage数据赋值,显示异常,像素对齐的坑
开发语言·前端·qt
吴名氏.18 分钟前
细数Java中List的10个坑
java·开发语言·数据结构·list
初学者,亦行者32 分钟前
Rayon并行迭代器:原理、实践与性能优化
java·开发语言·spring·rust
csj5036 分钟前
前端基础之《React(7)—webpack简介-ESLint集成》
前端·react
Jonathan Star37 分钟前
CSS margin 折叠现象的实际代码示例
javascript·css·css3
咚咚咚小柒41 分钟前
【前端】Webpack相关(长期更新)
前端·javascript·webpack·前端框架·node.js·vue·scss
2501_9160088942 分钟前
前端工具全景实战指南,从开发到调试的效率闭环
android·前端·小程序·https·uni-app·iphone·webview