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)

// }

})

}

相关推荐
小陈工6 分钟前
2026年4月7日技术资讯洞察:下一代数据库融合、AI基础设施竞赛与异步编程实战
开发语言·前端·数据库·人工智能·python
KAU的云实验台8 分钟前
【算法精解】AIR期刊算法IAGWO:引入速度概念与逆多元二次权重,可应对高维/工程问题(附Matlab源码)
开发语言·算法·matlab
Cobyte15 分钟前
3.响应式系统基础:从发布订阅模式的角度理解 Vue2 的数据响应式原理
前端·javascript·vue.js
会编程的土豆15 分钟前
【数据结构与算法】再次全面了解LCS底层
开发语言·数据结构·c++·算法
竹林81818 分钟前
从零到一:在React前端中集成The Graph查询Uniswap V3池数据实战
前端·javascript
jerryinwuhan25 分钟前
RDD第二次练习
开发语言·c#
Mintopia25 分钟前
别再迷信"优化":大多数性能问题根本不在代码里
前端
倾颜26 分钟前
接入 MCP,不一定要先平台化:一次 AI Runtime 的实战取舍
前端·后端·mcp
wechat_Neal28 分钟前
Golang的车载应用场景
开发语言·后端·golang
军军君0128 分钟前
Three.js基础功能学习十八:智能黑板实现实例五
前端·javascript·vue.js·3d·typescript·前端框架·threejs