跳到主要内容

相机

相机交互


allowIdle(isAllow)

控制相机自动晃动
参数
名称参数枚举值是否必填描述
isAllowBooleanN/A是否允许地图一段时间无操作后,相机自动左右晃动
代码示例
mapmostUE.allowIdle(false)

allowDecelerationStop(isAllow)

控制相机缓动
参数
名称参数枚举值是否必填描述
isAllowBooleanN/A是否允许地图操作后,相机缓动
代码示例
mapmostUE.allowDecelerationStop(false)

frozenMap(options)

控制锁定相机
参数
名称参数枚举值是否必填描述
options.isFrozenBooleanN/A为true且其他参数不填时,冻结所有地图操作
options.panFrozenBooleanN/A为true限制平移操作
options.rotationFrozenBooleanN/A为true限制旋转操作
options.pitchFrozenBooleanN/A为true限制俯仰操作
options.zoomFrozenBooleanN/A为true限制缩放操作
代码示例
let options = {
"isFrozen": true, // 必填参数,当为true且其它参数不填时,冻结所有地图操作
"panFrozen": true, // 选填参数,当为true时,限制平移操作
}
mapmostUE.frozenMap(options)

getCameraParameters(function(callback) {})

获取相机参数
参数
名称参数枚举值是否必填描述
function(callback) {}FunctionN/A获取相机参数回调函数
callback.locationFloat[]N/AN/A相机的经度、纬度、高度
callback.rotationFloat[]N/AN/A相机的翻滚、俯仰、偏航
callback.fovFloatN/AN/A相机fov
代码示例
mapmostUE.getCameraParameters(()=>{
this.$message({
showClose: true,
message: data,
type: 'success',
duration: 0
});
});
效果
show

setInteractionMode(mode)

设置地图交互模式
参数
名称参数枚举值是否必填描述
modeStringExplorer/Drone地图模式(浏览模式、无人机模式)
代码示例
mapmostUE.setInteractionMode("Drone")
效果
show

相机控制

flyTo(options, function (callback) {})

设置相机位置(飞行定位)
参数
名称参数枚举值是否必填描述
optionsObjectN/A飞行定位参数对象
options.locationFloat[]N/A相机在目标点的经度、纬度、高度
options.rotationFloat[]N/A相机在目标点的翻滚、俯仰、偏航
options.timeFloatN/A飞行时间
function (callback) {}FunctionN/A飞行结束回调函数
代码示例
let fn = function() {
alert('文化博览中心到了!')
}

mapmostUE.flyTo({
"location": [120.701561,31.321199,173.29715],
"rotation": [0,-15.000031,-70.780457],
"time": 5
}, fn)
效果
show

flyToTarget(options, function (callback) {})

飞行定位到某一物体
参数
名称参数枚举值是否必填描述
optionsObjectN/A飞行定位参数对象
options.targetNameStringN/A场景中物体名称
options.rotationFloat[]N/A相机在目标点的翻滚、俯仰、偏航
options.distanceFloatN/A目标点与该物体的距离
options.timeFloatN/A飞行时间
function (callback) {}FunctionN/A飞行结束回调函数
代码示例
let fn = function (){
alert('已飞行至targetModel模型!')
}

mapmostUE.flyToTarget({
"targetName": "targetModel",
"rotation": [0,180,40],
"distance": 20,
"time": 5
}, fn);
效果
show

flyToTargetModel(options, function (callback) {})

飞行定位到指定模型
参数
名称参数枚举值是否必填描述
optionsObjectN/A飞行定位参数对象
options.targetNameStringN/A场景中物体名称
options.timeFloatN/A飞行时间
function (callback) {}FunctionN/A飞行结束回调函数
代码示例
let fn = function (){
alert('已飞行至targetModel模型!')
}

mapmostUE.flyToTargetModel({
"targetName": "targetModel",
"time": 2
}, fn);

interruptFlyTo()

中断飞行
代码示例
mapmostUE.interruptFlyTo();

moveForward(distance)

控制相机前进/后退
参数
名称参数枚举值是否必填描述
distanceFloatN/A前进距离,负值为后退
代码示例
mapmostUE.moveForward(200)

panTo(options)

平移到某一位置
参数
名称参数枚举值是否必填描述
options.locationFloat[]N/A目标位置的经纬度
代码示例
mapmostUE.panTo({"location": [120.748634, 31.3372784]})

moveRight(distance)

控制相机向右/向左
参数
名称参数枚举值是否必填描述
distanceFloatN/A向右距离,负值为向左
代码示例
mapmostUE.moveRight(200)

zoom(distance)

控制相机缩放
参数
名称参数枚举值是否必填描述
zoomFloatN/A拉近距离,负值为拉远
代码示例
mapmostUE.zoom(200)

zoomToLevel(level)

缩放到某一层级
参数
名称参数枚举值是否必填描述
levelintN/A目标地图层级
代码示例
mapmostUE.zoomToLevel(10)

zoomTo(distanceToScreenCenter)

缩放到离屏幕中心点的距离
参数
名称参数枚举值是否必填描述
distanceToScreenCenterFloatN/A距屏幕中心的直线距离
代码示例
mapmostUE.zoomTo(1000)

turnRight(degree)

控制相机旋转
参数
名称参数枚举值是否必填描述
degreeFloatN/A右转角度,负值为左转
代码示例
mapmostUE.turnRight(30)

rotateTo(options)

旋转至某一指定方位角
参数
名称参数枚举值是否必填描述
options.degreeFloat[]N/A旋转至的方位角
代码示例
mapmostUE.rotateTo({"degree":[0, -21.779724884033502, -10.1607238769534]})

turnUp(degree)

控制相机俯仰
参数
名称参数枚举值是否必填描述
degreeFloatN/A抬头角度,负值为低头
代码示例
mapmostUE.turnUp(30)

相机事件

setOnMousePickListener(function(callback) {})

开启地图坐标拾取
参数
名称参数枚举值是否必填描述
function(callback) {}FnN/A地图坐标拾取回调
callback.modelNameStringN/AN/A拾取的三维对象名
callback.hitLocationFloat[]N/AN/A拾取点的经度、纬度、高度
代码示例
mapmostUE.setOnMousePickListener(function(callback) {
let {modelName, hitLocation} = callback
})
效果
show

removeOnMousePickListener()

关闭地图坐标拾取
代码示例
mapmostUE.removeOnMousePickListener()

setOnMapStatusChangeListener(function (callback){})

开启地图变化监听
参数
名称参数枚举值是否必填描述
function(callback) {}FnN/A地图变化回调
callback.centerLocationFloat[]N/AN/A新的屏幕中心点经度、纬度、高度
callback.cameraLocationFloat[]N/AN/A新的相机经度、纬度、高度
callback.cameraRotationFloat[]N/AN/A新的相机翻滚、俯仰、偏航
callback.distanceFloatN/AN/A新的相机到屏幕中心点距离
代码示例
mapmostUE.setOnMapStatusChangeListener(function(callback) {
let {centerLocation, cameraLocation, cameraRotation, distance} = callback
})
效果
show

removeOnMapStateChangeListener()

关闭地图变化监听
代码示例
mapmostUE.removeOnMapStateChangeListener()

startDrawQuad(Function)

开始绘制四边形
参数
名称参数枚举值是否必填描述
callbackFunctionN/A获取鼠标框选的回调函数
callback.locationFloat[]N/AN/A四个框选点的经纬度坐标
代码示例
  let self = this;
let fn = Function (data) {
self.$message({
showClose: true,
message: data,
type: 'success'
});
}
mapmostUE.startDrawQuad(fn);

stopDrawQuad()

退出绘制四边形
参数
名称参数枚举值是否必填描述
N/AN/AN/AN/AN/A
代码示例
  mapmostUE.stopDrawQuad();