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)

// }

})

}

相关推荐
~无忧花开~几秒前
Vue.config.js配置全攻略
开发语言·前端·javascript·vue.js
脉动数据行情21 分钟前
Go语言对接股票、黄金、外汇API实时数据教程
开发语言·后端·golang
w***Q35039 分钟前
前端跨平台开发工具,Tauri与Electron
前端·javascript·electron
前端一课39 分钟前
H5 WebView 文件下载到手机中(仅安卓与 iOS)
前端
幸会同学1 小时前
在Cesium中实现飘动的红旗
javascript·three.js·cesium
橘子真甜~1 小时前
C/C++ Linux网络编程5 - 网络IO模型与select解决客户端并发连接问题
linux·运维·服务器·c语言·开发语言·网络·c++
霖001 小时前
ZYNQ——ultra scale+ IP 核详解与配置
服务器·开发语言·网络·笔记·网络协议·tcp/ip
天外来物1 小时前
element-plus主题配置及动态切换主题
前端·css·element
flypwn1 小时前
justCTF 2025JSpositive_player知识
开发语言·javascript·原型模式
oliveira-time1 小时前
原型模式中的深浅拷贝
java·开发语言·原型模式