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)

// }

})

}

相关推荐
剪刀石头布啊13 分钟前
原生form发起表单干了啥
前端
剪刀石头布啊14 分钟前
表单校验场景,如何实现页面滚动到报错位置
前端
gyx_这个杀手不太冷静22 分钟前
大人工智能时代下前端界面全新开发模式的思考(二)
前端·架构·ai编程
GreenTea35 分钟前
AI Agent 评测的下半场:从方法论到落地实践
前端·人工智能·后端
吴声子夜歌1 小时前
Vue3——Vue实例与数据绑定
前端·javascript·vue.js
wjs20241 小时前
JavaScript 条件语句
开发语言
我是若尘1 小时前
Harness Engineering:2026 年 AI 编程的核心战场
前端·后端·程序员
阿里加多2 小时前
第 1 章:Go 并发编程概述
java·开发语言·数据库·spring·golang
weixin199701080162 小时前
《快手商品详情页前端性能优化实战》
前端·性能优化
2301_792674862 小时前
java学习day29(juc)
java·开发语言·学习