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)

// }

})

}

相关推荐
一壶纱几秒前
一个用于 UniApp 项目的 Pinia 持久化插件
前端·javascript·vue.js
凌涘2 分钟前
JS 八大基本类型:一场内存视角的冒险之旅
前端·javascript
心之所向vjuif3 分钟前
使用 Gemini 解决前端代码报错问题
前端
KWTXX6 分钟前
测试工具-论文 MATLAB 仿真复现【成功】
开发语言·matlab
程序猿小三10 分钟前
福建省第一届“闽盾杯“网络安全职业技能竞赛 — 备赛学习路线
开发语言·网络安全·php
数据知道10 分钟前
视觉伪装(上):Canvas 指纹生成原理与 Skia 图形库底层注入噪声
开发语言·javascript·ecmascript·数据采集·指纹浏览器
聆春烟雨簌簌25 分钟前
LangChain4j使用文档
开发语言·python
文阿花26 分钟前
Echarts实现自定旋转3D饼状图
javascript·3d·echarts·饼状图
程序员小羊!26 分钟前
12.Java 多线程编程
java·开发语言
乐观勇敢坚强的老彭33 分钟前
C++信息学奥赛lesson1
java·开发语言·c++