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)

// }

})

}

相关推荐
袋鱼不重几秒前
乐观锁与悲观锁:原理、选型与前后端实践
前端·后端
Charonmomo25 分钟前
react/antd - 不能正确打开标签页问题记录
前端·react.js·前端框架
gis开发之家33 分钟前
vue3直击架构痛点 依赖倒置与接口隔离——打造坚如磐石的插件与高阶组件(HOC)模式
javascript·架构·typescript·前端框架·vue3
ttwuai34 分钟前
Go 后台接口 401/403 排查:JWT 过期、刷新请求和权限码怎么定位
开发语言·golang·状态模式
柒和远方38 分钟前
LeetCode 139. 单词拆分 —— 从暴力回溯到 DP 完全背包
javascript·python·算法
先吃饱再说42 分钟前
流式输出完全指南:让 AI 对话像打字机一样流畅
javascript·vue.js
冬枳43 分钟前
基于OpenSeagragon封装的前端病理切片展示组件
前端·typescript
漫随流水1 小时前
Java——springboot web案例
java·开发语言·spring boot
从此以后自律1 小时前
Java Object 类常用方法全讲解
java·开发语言
XH华1 小时前
C++语言第二章类和对象(下)
开发语言·c++