', click:false, site:{x:0,y:1870,z:10},data:{type:"labelIcon",id:"1",show:"cn"}}]);
+ * Map_QM.util.labelIconArr([{floor:0,title:'', click:false, site:{x:0,y:1870,z:10},data:{type:"labelIcon",id:"1",show:"cn"}}]);
*/
this.labelIconArr = [];
this.spriteMaterialArr = [];
this.lineBasicMaterialArr = [];
this.meshMaterialArr = [];
this.parkMaterialArr = [];
- this.shopData = []; //店铺数据
+ this.shopData = []; //房间数据
this.iconUrl = [];
this.allMap = [];
this.isInnerTouch = true; //室内地图是否可点击
@@ -184,15 +184,15 @@ QMUtil = function () {
* @apiGroup 地图交互
* @apiDescription 改变导航播放速度
* @apiVersion 4.0.0
- *
+ *
* @apiParam {int} speed 播放速度（默认 6）
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.util.changePlaySpeed(6)
- *
+ *
*/
this.changePlaySpeed = function (speed = 6) {
Map_QM.util.options.playSpeed = speed;
@@ -225,18 +225,18 @@ QMUtil = function () {
}
return newColor;
}
- this.assignUVs = function (geometry) {
- geometry.computeBoundingBox();
+ this.assignUVs = function (geometry) {
+ geometry.computeBoundingBox();
var max = geometry.boundingBox.max,
min = geometry.boundingBox.min;
var offset = new THREE.Vector2(0 - min.x, 0 - min.y);
var range = new THREE.Vector2(max.x - min.x, max.y - min.y);
- var faces = geometry.faces;
- geometry.faceVertexUvs[0] = [];
- for (var i = 0; i < faces.length ; i++) {
+ var faces = geometry.faces;
+ geometry.faceVertexUvs[0] = [];
+ for (var i = 0; i < faces.length ; i++) {
var v1 = geometry.vertices[faces[i].a],
v2 = geometry.vertices[faces[i].b],
- v3 = geometry.vertices[faces[i].c];
+ v3 = geometry.vertices[faces[i].c];
geometry.faceVertexUvs[0].push([
new THREE.Vector2((v1.x + offset.x) / range.x, (v1.y + offset.y) / range.y),
new THREE.Vector2((v2.x + offset.x) / range.x, (v2.y + offset.y) / range.y),
@@ -255,20 +255,20 @@ QMUtil = function () {
for (let i = 0; i < nCount; i++) {
let p1 = ptPolygon[i]; //当前节点
let p2 = ptPolygon[(i + 1) % nCount]; //下一个节点
- // 求解 y=p.y 与 p1p2 的交点
- if (p1.y == p2.y) // p1p2 与 y=p0.y平行
+ // 求解 y=p.y 与 p1p2 的交点
+ if (p1.y == p2.y) // p1p2 与 y=p0.y平行
continue;
- if (p.y < Math.min(p1.y, p2.y)) // 交点在p1p2延长线上
+ if (p.y < Math.min(p1.y, p2.y)) // 交点在p1p2延长线上
continue;
- if (p.y >= Math.max(p1.y, p2.y)) // 交点在p1p2延长线上
+ if (p.y >= Math.max(p1.y, p2.y)) // 交点在p1p2延长线上
continue;
- // 从P发射一条水平射线 求交点的 X 坐标 ------原理: ((p2.y-p1.y)/(p2.x-p1.x))=((y-p1.y)/(x-p1.x))
+ // 从P发射一条水平射线 求交点的 X 坐标 ------原理: ((p2.y-p1.y)/(p2.x-p1.x))=((y-p1.y)/(x-p1.x))
//直线k值相等 交点y=p.y
let x = (p.y - p1.y) * (p2.x - p1.x) / (p2.y - p1.y) + p1.x;
if (x > p.x)
- nCross++; // 只统计单边交点
+ nCross++; // 只统计单边交点
}
- // 单边交点为偶数，点在多边形之外 ---
+ // 单边交点为偶数，点在多边形之外 ---
return (nCross % 2 == 1);
}
@@ -452,7 +452,7 @@ QMUtil = function () {
this.ctrlPoint2 = ctrlPoint2;
this.isStrLine = isStrLine; //是否是直线
}
- //根据配置参数转换店铺圆角
+ //根据配置参数转换房间圆角
this.changeShopLinesToString = function (area) {
let areaStr = [];
let lines = [];
@@ -761,7 +761,7 @@ QMUtil = function () {
}
}
}
- //店铺排序
+ //房间排序
this.sortShopByFloor = function (a, b) {
return a.floorOrder < b.floorOrder ? -1 : 1;
}
@@ -1218,7 +1218,7 @@ MainMap_QM = function (callBack, options) {
//设置相机距离原点的最远距离
this.controls.maxDistance = this.util.options.maxDis;
this.controls.minPolarAngle = 0; // 0是为了兼容2D模式
- this.controls.maxPolarAngle = Math.PI / 2 - 0.2; // radians
+ this.controls.maxPolarAngle = Math.PI / 2 - 0.2; // radians
const sykVShader = `varying vec3 vWorldPosition;
void main() {
vec4 worldPosition = modelMatrix * vec4( position, 1.0 );
@@ -1235,8 +1235,8 @@ MainMap_QM = function (callBack, options) {
gl_FragColor = vec4( mix( bottomColor, topColor, max( pow( max( h , 0.0), exponent ), 0.0 ) ), 1.0 );
}`;
const uniforms = {
- "topColor": { value: new THREE.Color( 0x3385ff ) },
- "bottomColor": { value: new THREE.Color( 0xffffff ) },
+ "topColor": { value: new THREE.Color( 0xF1F1F1 ) },
+ "bottomColor": { value: new THREE.Color( 0xF1F1F1 ) },
"offset": { value: 100 },
"exponent": { value: 0.6 }
};
@@ -1261,8 +1261,8 @@ MainMap_QM = function (callBack, options) {
if (debug) {
stats = new Stats();
stats.setMode(1); // 0: fps, 1: ms
- stats.domElement.style.position = 'absolute'; //绝对坐标
- stats.domElement.style.left = '10px'; // (0,0)px,左上角
+ stats.domElement.style.position = 'absolute'; //绝对坐标
+ stats.domElement.style.left = '10px'; // (0,0)px,左上角
stats.domElement.style.top = '60px';
document.getElementById(options.containerId || "mapContainer").appendChild(stats.domElement);
}
@@ -1274,7 +1274,7 @@ MainMap_QM = function (callBack, options) {
this.mapArr = [];
this.selectShop;
this.selectEle = null; //当前使用的电梯
- this.overShop; //终点店铺
+ this.overShop; //终点房间
this.shape = new THREE.Shape();
this.shape.moveTo(-10, -10);
this.shape.lineTo(10, -10);
@@ -1345,11 +1345,11 @@ MainMap_QM.prototype = {
}
} else {
_space.backObj.code = 500;
- _space.backObj.msg = "店铺数据解析失败";
+ _space.backObj.msg = "房间数据解析失败";
}
} else {
_space.backObj.code = 500;
- _space.backObj.msg = "店铺数据解析失败";
+ _space.backObj.msg = "房间数据解析失败";
}
_space.initOptions(options);
},
@@ -1395,7 +1395,7 @@ MainMap_QM.prototype = {
_space.util.shopData.sort(_space.util.sortShopByFloor);
} else {
backObj.code = 500;
- backObj.msg = "店铺数据错误";
+ backObj.msg = "房间数据错误";
}
_space.initOptions(options);
} else {
@@ -1423,7 +1423,7 @@ MainMap_QM.prototype = {
_space.util.shopData.sort(_space.util.sortShopByFloor);
} else {
backObj.code = 500;
- backObj.msg = "店铺数据错误";
+ backObj.msg = "房间数据错误";
}
if (backObj.code == 404) {
_space.callBackLoadOver(backObj)
@@ -1482,7 +1482,7 @@ MainMap_QM.prototype = {
this.util.m_zoom = this.util.allMap[this.util.selectBuild].m_zoom;
}
}
- let { playSpeed = 6, collision = true, showStyle = false, modelIcon = true, shopStyle = "shopName", shadow = true, otherPath = [], navColor = 0xEE6A50, iconUrl = [], overlap = false, iconName = false, camZoom = 3, inArea = false, pathColor = 0xb47834, pathStyle = "3D" } = options;
+ let { playSpeed = 6, collision = true, showStyle = false, modelIcon = true, shopStyle = "shopName", shadow = true, otherPath = [], navColor = 0xEE6A50, iconUrl = [], artUrl=[], overlap = false, iconName = false, camZoom = 3, inArea = false, pathColor = 0xb47834, pathStyle = "3D" } = options;
this.util.options.playSpeed = playSpeed != 6 ? playSpeed : this.util.options.playSpeed;
this.util.options.collision = !collision ? collision : this.util.options.collision;
this.util.options.showStyle = showStyle ? showStyle : this.util.options.showStyle;
@@ -1498,6 +1498,7 @@ MainMap_QM.prototype = {
this.util.options.pathColor = pathColor != 0xb47834 ? pathColor : this.util.options.pathColor;
this.util.options.pathStyle = pathStyle != "3D" ? pathStyle : this.util.options.pathStyle;
this.util.iconUrl = iconUrl;
+ this.util.artUrl = artUrl;
if (!isNaN(Number(options.floor))) {
this.util.startObj.floor = this.util.deviceObj.floor = parseInt(options.floor) || 0;
} else {
@@ -1708,7 +1709,7 @@ MainMap_QM.prototype = {
}
},
loaderOver: function (e) {
-
+
this.sceneGap = new THREE.Group();
this.sceneGap.position.set(this.util.sceneGap.x, this.util.sceneGap.y, this.util.sceneGap.z);
this.sceneGap.scale.set(this.util.sceneGap.scale, this.util.sceneGap.scale, this.util.sceneGap.scale);
@@ -1847,7 +1848,7 @@ MainMap_QM.prototype = {
this.remove_child(this.sceneGap);
this.scene.remove(this.sceneGap);
let parent = document.getElementById(options.containerId || "mapContainer");
- while ((elem = parent.firstChild)) {
+ while ((elem = parent.firstChild)) {
elem.remove();
}
this.renderer.domElement = null
@@ -1859,7 +1860,7 @@ MainMap_QM.prototype = {
}
},
initTreeModel: function () {
-
+
if(this.index < this.util.modelStr.length - 1 ){
if(this.util.modelStr[this.index].load){
this.gltfLoad(this.util.beforPath + this.util.modelStr[this.index].url);
@@ -1944,7 +1945,7 @@ MainMap_QM.prototype = {
// this.rotationAngle(angle);
// if(this.util.guiOptions.cameraY == 220 && this.util.guiOptions.cameraZ == 220){
// let boundBox = new THREE.Box3();
- // boundBox.setFromObject(this.sceneGap);
+ // boundBox.setFromObject(this.sceneGap);
// let wd = Math.max(boundBox.max.x-boundBox.min.x, boundBox.max.y-boundBox.min.y);
// let cameraDis = Math.sqrt(this.util.guiOptions.cameraY*this.util.guiOptions.cameraY+this.util.guiOptions.cameraZ*this.util.guiOptions.cameraZ);
// this.camera.fov = this.calcFov(cameraDis, wd, this.w / this.h);
@@ -1952,10 +1953,14 @@ MainMap_QM.prototype = {
// this.camera.updateProjectionMatrix();
// }
let boundBox = new THREE.Box3();
- boundBox.setFromObject(this.sceneGap);
- console.log(boundBox,this.w / 10,this.h / 10);
- this.controls.minPan = boundBox.min;
- this.controls.maxPan = boundBox.max;
+ boundBox.setFromObject(this.sceneGap);
+ if (isNaN(boundBox.min.x) || isNaN(boundBox.min.y) ){
+ this.controls.minPan = new THREE.Vector3(this.w / -8, 0, this.h / -8);
+ this.controls.maxPan = new THREE.Vector3(this.w / 8, 0, this.h / 8);
+ } else{
+ this.controls.minPan = boundBox.min;
+ this.controls.maxPan = boundBox.max;
+ }
this.startRender();
setTimeout(() => {
Map_QM.controls.addEventListener('change', this.controlsChock, false); //控制器变化
@@ -2074,13 +2079,13 @@ MainMap_QM.prototype = {
* @apiDescription 地图展示状态切换
* @apiVersion 4.0.0
* @apiParam {string} state 地图状态
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {String} 请求示例
- *
+ *
* Map_QM.changeMapState("2d");
- *
+ *
*/
changeMapState: function (state) {
Map_QM.controls.reset();
@@ -2137,13 +2142,13 @@ MainMap_QM.prototype = {
* @apiVersion 4.0.0
* @apiParam {int} buildOrder 传入楼栋编号（默认 0）
* @apiParam {int} floorOrder 传入楼栋编号（默认 0）
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {int, int} 请求示例
- *
+ *
* Map_QM.changeBuild(0, 0);
- *
+ *
*/
changeBuild: function (buildOrder = 0, floorOrder = 0) {
Map_QM.resetFloorState();
@@ -2183,21 +2188,22 @@ MainMap_QM.prototype = {
}
},
/**
- * @api {方法} showFloor(floorOrder) 通过楼层编号切换楼层
+ * @api {方法} showFloor(floorOrder) 通过楼层编号切换楼层
* @apiGroup 地图交互
* @apiDescription 楼层切换，传入楼层编号，编号从下到上排序，最下面是0
* @apiVersion 4.0.0
- *
+ *
* @apiParam {int} floorOrder 楼层编号
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {int} 请求示例
- *
+ *
* Map_QM.showFloor(1);
- *
+ *
*/
showFloor: function (fIndex = -1, callBack = undefined) {
+ Map_QM.changeMapModel("3D");
Map_QM.resetFloorState();
Map_QM.clearFloor(fIndex);
if (fIndex != -1) {
@@ -2205,16 +2211,16 @@ MainMap_QM.prototype = {
}
},
/**
- * @api {方法} changeFloorByName(floorOrder) 通过楼层名称切换楼层
+ * @api {方法} changeFloorByName(floorOrder) 通过楼层名称切换楼层
* @apiGroup 地图交互
* @apiDescription 楼层切换，传入楼层名称，
* @apiVersion 4.0.0
- *
+ *
* @apiParam {String} floorName 楼层名称
- *
+ *
* @apiSampleRequest off
* @apiParamExample {String} 请求示例
- *
+ *
* Map_QM.changeFloorByName("L1");
*/
changeFloorByName: function (floorName) {
@@ -2313,15 +2319,15 @@ MainMap_QM.prototype = {
/**
* @api {方法} onShowMeDir() 我的方向
* @apiGroup 地图显示
- * @apiDescription 我的方向
+ * @apiDescription 我的方向
* @apiVersion 4.0.0
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.onShowMeDir();
- *
+ *
*/
onShowMeDir: function () {
if (this.util.selectBuild != this.util.deviceObj.build || this.util.selectFloor != this.util.deviceObj.floor) {
@@ -2374,17 +2380,17 @@ MainMap_QM.prototype = {
/**
* @api {方法} onShowLocalSite(0) 局部显示放大
* @apiGroup 地图显示
- * @apiDescription 局部显示放大 point 传入放大目标点，zoom放大级别 1-5
+ * @apiDescription 局部显示放大 point 传入放大目标点，zoom放大级别 1-5
* @apiVersion 4.0.0
* @apiParam {Object} point 放大的地图位置
* @apiParam {int} zoom 放大倍数(默认 1)
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {Object} 请求示例
- *
- * Map_QM.onShowLocalSite({x:0,y:0},1);
- *
+ *
+ * Map_QM.onShowLocalSite({x:0,y:0},1);
+ *
*/
onShowLocalSite: function (centerPoint, zoom = 1) {
if (Map_QM.util.initModelArr.length > 0 && Map_QM.util.changeDist.inner > Map_QM.util.options.minDis) {
@@ -2410,18 +2416,18 @@ MainMap_QM.prototype = {
/**
* @api {方法} onShowDeviceSite() 地图方向复位
* @apiGroup 地图显示
- * @apiDescription 地图方向复位
+ * @apiDescription 地图方向复位
* @apiVersion 4.0.0
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.onShowDeviceSite();
- *
+ *
*/
onShowDeviceSite: function () {
- this.changeMapModel("3D");
+ //this.changeMapModel("3D");
this.showFloor(this.util.deviceObj.floor);
},
/**
@@ -2454,15 +2460,15 @@ MainMap_QM.prototype = {
* @apiGroup 地图交互
* @apiDescription 切换导航方向
* @apiVersion 4.0.0
- *
+ *
* @apiParam {String} pathState 地图导航方向（默认 3D）
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.changePathDir("2D");
- *
+ *
*/
changePathDir: function (pathState = "3D") {
if (Map_QM.util.pathStateObj.isPathState) { //导航状态
@@ -2505,14 +2511,14 @@ MainMap_QM.prototype = {
* @apiGroup 地图交互
* @apiDescription 获取3D对象
* @apiVersion 4.0.0
- * @apiParam {string} ipName POI名称
- *
+ * @apiParam {string} ipName POI名称
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.queryObject3DByShopNum("L1001");
- *
+ *
*/
queryObject3DByShopNum: function (ipName) {
for (let b = 0; b < Map_QM.mapArr.length; b++) {
@@ -2528,19 +2534,19 @@ MainMap_QM.prototype = {
return null;
},
/**
- * @api {方法} parseSelectShop() 设置选中店铺弹跳
+ * @api {方法} parseSelectShop() 设置选中房间弹跳
* @apiGroup 地图交互
- * @apiDescription 设置选中店铺弹跳
+ * @apiDescription 设置选中房间弹跳
* @apiVersion 4.0.0
- *
+ *
* @apiParam {object3D} selObject 传入3D对象
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.parseSelectShop(object);
- *
+ *
*/
parseSelectShop: function (selObject) {
if (selObject) {
@@ -2559,17 +2565,17 @@ MainMap_QM.prototype = {
}
},
/**
- * @api {方法} cancelSelectShop() 取消店铺弹跳
+ * @api {方法} cancelSelectShop() 取消房间弹跳
* @apiGroup 地图交互
- * @apiDescription 取消店铺弹跳效果
+ * @apiDescription 取消房间弹跳效果
* @apiVersion 4.0.0
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.cancelSelectShop();
- *
+ *
*/
cancelSelectShop: function () {
TweenMax.killAll(true);
@@ -2578,19 +2584,19 @@ MainMap_QM.prototype = {
}
},
/**
- * @api {方法} changeStateShopPro(isShow) 店铺促销标签
+ * @api {方法} changeStateShopPro(isShow) 房间促销标签
* @apiGroup 地图交互
- * @apiDescription 店铺促销标签展示/隐藏
+ * @apiDescription 房间促销标签展示/隐藏
* @apiVersion 4.0.0
- *
- * @apiParam {boolean} isShow 店铺促销标签是否显示（默认 false）
- *
+ *
+ * @apiParam {boolean} isShow 房间促销标签是否显示（默认 false）
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {boolean} 请求示例
- *
+ *
* Map_QM.changeStateShopPro(true);
- *
+ *
*/
changeStateShopPro: function (isShow = false) {
Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].tagObj.traverse((obj) => {
@@ -2602,15 +2608,15 @@ MainMap_QM.prototype = {
* @apiGroup 地图交互
* @apiDescription 自定义标签展示/隐藏
* @apiVersion 4.0.0
- *
+ *
* @apiParam {boolean} isShow 自定义标签是否显示（默认 false）
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {boolean} 请求示例
- *
+ *
* Map_QM.changeShowTagObjState(true);
- *
+ *
*/
changeShowTagObjState: function (isShow = false) {
Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].showTagObj.traverse((obj) => {
@@ -2619,15 +2625,15 @@ MainMap_QM.prototype = {
},
/**
- * @api {方法} queryShopList() 获取店铺列表信息
+ * @api {方法} queryShopList() 获取房间列表信息
* @apiGroup 地图数据
- * @apiDescription 店铺列表
+ * @apiDescription 房间列表
* @apiVersion 4.0.0
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.queryShopList()
*
*/
@@ -2639,13 +2645,13 @@ MainMap_QM.prototype = {
* @apiGroup 地图交互
* @apiDescription 绘制引导线
* @apiVersion 4.0.0
- *
- * @apiParam {string/Array} startShop 起始店铺编号或编号数组
- * @apiParam {string/Array} endShop 终点店铺编号或编号数组
+ *
+ * @apiParam {string/Array} startShop 起始房间编号或编号数组
+ * @apiParam {string/Array} endShop 终点房间编号或编号数组
* @apiParam {string} color 绘制颜色 （默认 "#0099ff"）
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
* //绘制一到多
* Map_QM.drawCurveLine("L125",["L117","L127","L130"],"#2246d8")
@@ -2711,12 +2717,12 @@ MainMap_QM.prototype = {
* @apiGroup 地图交互
* @apiDescription 绘制柱状图
* @apiVersion 4.0.0
- *
- * @apiParam source 起始店铺编号或编号数组
+ *
+ * @apiParam source 起始房间编号或编号数组
* @apiParam property 控制参数对象
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
* //绘制多个
* Map_QM.drawColumnar(["L117","L127","L130"],{"height":200,"width":20,"color":"#2246d8"})
@@ -2794,15 +2800,15 @@ MainMap_QM.prototype = {
* @apiGroup 地图交互
* @apiDescription 删除绘制元素
* @apiVersion 4.0.0
- *
+ *
* @apiParam type 传入删除的类型(默认 all) toLine--引导线 columer--柱状样式 all---所有
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.removeDrawEle("toLine")
- *
+ *
*/
removeDrawEle: function (type = "all") {
if (type == "all" || type == "toLine") {
@@ -2824,15 +2830,15 @@ MainMap_QM.prototype = {
* @apiGroup 地图显示
* @apiDescription 改变地图水平角度 angle>-180 && angle<180 逆时针旋转
* @apiVersion 4.0.0
- *
+ *
* @apiParam {int} angle 旋转角度
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {int} 请求示例
- *
+ *
* Map_QM.rotationAngle(90);
- *
+ *
*/
rotationAngle: function (angle) {
Map_QM.controls.setRotateHorizontal(Map_QM.controls.getRotateHorizontal());
@@ -2843,33 +2849,33 @@ MainMap_QM.prototype = {
* @apiGroup 地图显示
* @apiDescription 改变地图垂直角度 angle>-90 && angle<90
* @apiVersion 4.0.0
- *
+ *
* @apiParam {int} angle 旋转角度
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {int} 请求示例
- *
+ *
* Map_QM.rotateAngle(-45);
- *
+ *
*/
rotateAngle: function (angle) {
Map_QM.controls.rotate(angle / 180 * Math.PI);
},
/**
- * @api {方法} setCameraDist(cDist) 调整地图大小
+ * @api {方法} setCameraDist(cDist) 调整地图大小
* @apiGroup 地图显示
* @apiDescription 调整地图大小(值越小地图越大) Map_QM.util.options.minDis ~ Map_QM.util.options.maxDis
* @apiVersion 4.0.0
- *
+ *
* @apiParam {int} cDist 摄像头距离
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {int} 请求示例
- *
+ *
* Map_QM.setCameraDist(150);
- *
+ *
*/
setCameraDist: function (cDist) {
if (Map_QM.util.options.minDis < parseInt(cDist) && parseInt(cDist) < Map_QM.util.options.maxDis) {
@@ -2889,19 +2895,19 @@ MainMap_QM.prototype = {
* @apiGroup 地图显示
* @apiDescription 启动地图渲染 与 cancelRender 配合使用可节约资源
* @apiVersion 4.0.0
- *
+ *
* @apiSampleRequest off
* @apiParamExample 请求示例
- *
+ *
* Map_QM.startRender();
- *
+ *
*/
startRender: function () {
Map_QM.cancelRender();
-
+
let T = Map_QM.util._clock.getDelta();
Map_QM.util.timeObj.timeS = Map_QM.util.timeObj.timeS + T;
- // requestAnimationFrame默认调用render函数60次，通过时间判断，降低renderer.render执行频率
+ // requestAnimationFrame默认调用render函数60次，通过时间判断，降低renderer.render执行频率
if (Map_QM.util.timeObj.timeS > 0.05) {
if (Map_QM.qiModel) {
Map_QM.qiModel.rotateY(0.05);
@@ -2925,7 +2931,7 @@ MainMap_QM.prototype = {
if(Map_QM.mapArr[Map_QM.util.selectBuild] && Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor]){
Map_QM.labelRenderer.renderObject( Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj, Map_QM.camera );
}
- Map_QM.labelRenderer.renderObject( Map_QM.CSSObject, Map_QM.camera);
+ Map_QM.CSSObject && Map_QM.labelRenderer.renderObject( Map_QM.CSSObject, Map_QM.camera);
for (let item of Map_QM.mixers) {
item.update(T);
}
@@ -2946,13 +2952,13 @@ MainMap_QM.prototype = {
* @apiGroup 地图显示
* @apiDescription 取消地图渲染 与 startRender 配合使用可节约资源
* @apiVersion 4.0.0
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.cancelRender();
- *
+ *
*/
cancelRender: function () {
window.cancelAnimationFrame(renderFrame);
@@ -2964,18 +2970,19 @@ MainMap_QM.prototype = {
* @apiGroup 地图交互
* @apiDescription 地图显示Html标签，返回3d标签对象
* @apiVersion 4.0.0
- *
- * @apiParam {Element} divObj div对象
+ *
+ * @apiParam {Element} divObj div对象
* @apiParam {int} x 显示X坐标
* @apiParam {int} y 显示Y坐标
* @apiParam {int} z 显示高度坐标(默认 50)
* @apiParam {String} type docment元素自定义标识(默认 "shopInfo")
* @apiSampleRequest off
- *
+ *
* @apiParamExample {String} 请求示例
* Map_QM.addElementLabel(divObj,x,y);
*/
addElementLabel: function (divObj, x, y, z = 50, type = "shopInfo") {
+ Map_QM.elementDestroy(type);
divObj.style.opacity = 0;
let shopInfo = new THREE.CSS2DObject(divObj);
shopInfo.position.set(x, -1 * y, z);
@@ -2986,6 +2993,7 @@ MainMap_QM.prototype = {
TweenMax.to(divObj.style, 0.2, { opacity: 1, delay: 0.1 });
return shopInfo;
},
+
/**
* @api {方法} updateElementPosition() 修改标签位置
* @apiGroup 地图交互
@@ -2994,13 +3002,13 @@ MainMap_QM.prototype = {
* @apiParam {Object} obj 对象
* @apiParam {int} x 新的X坐标
* @apiParam {int} y 新的Y坐标
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {Object} 请求示例
- *
+ *
* Map_QM.updateElementPosition(obj,x,y);
- *
+ *
*/
updateElementPosition: function (obj, x, y) {
if (obj.hasOwnProperty("position")) {
@@ -3015,13 +3023,13 @@ MainMap_QM.prototype = {
* @apiDescription 销毁地图上的html标签
* @apiVersion 4.0.0
* @apiParam {String} type docment元素自定义标识(默认 "shopInfo")
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {Object} 请求示例
- *
+ *
* Map_QM.elementDestroy();
- *
+ *
*/
elementDestroy: function (type = "shopInfo") {
for (let i = Map_QM.CSSObject.children.length - 1; i >= 0; i--) {
@@ -3031,14 +3039,66 @@ MainMap_QM.prototype = {
}
},
/**
- * @api {方法} changeShowShopName() 修改店铺显示名称
+ * @api {方法} addElementByNode() 显示地图活动标签
+ * @apiGroup 地图交互
+ * @apiDescription 地图显示活动标签，返回3d标签对象
+ * @apiVersion 4.0.0
+ *
+ * @apiParam {Element} divObj div对象
+ * @apiParam {string} node 显示导航点位
+ * @apiParam {String} type docment元素自定义标识(默认 "tip")
+ * @apiSampleRequest off
+ *
+ * @apiParamExample {String} 请求示例
+ * Map_QM.addElementByNode(divObj,node,type);
+ */
+ addElementByNode: function (divObj, node, type='tip') {
+ Map_QM.elementDestroy(type);
+ let floorOrder = Map_QM.util.selectFloor;
+ let pathData = Map_QM.util.allMap[Map_QM.util.selectBuild].buildArr[floorOrder].mapData.path;
+ if (!pathData || !divObj ) {
+ return;
+ }
+ if(pathData.nodes.length > 0){
+ pathData.nodes.sort(Map_QM.util.sortNode);
+ let shopInfo = new THREE.CSS2DObject(divObj);
+ shopInfo.position.set(pathData.nodes[parseInt(node)].x, -1*pathData.nodes[parseInt(node)].y, 60 )
+ shopInfo.applyMatrix4(Map_QM.mapArr[Map_QM.util.selectBuild][floorOrder].allObj.matrix);
+ shopInfo.userData.type = type;
+ Map_QM.CSSObject.add(shopInfo);
+ return shopInfo
+ }
+ return;
+ },
+
+ showAreaAnimate:function (aName="-"){
+ if(aName=="-"){
+ isJUZ = false;
+ Map_QM.controls.setZoom(1)
+ Map_QM.controls.reset()
+ let angle = Map_QM.util.options.deviceAng ? Map_QM.util.deviceObj.angle : Map_QM.util.mapAngle
+ Map_QM.rotationAngle(angle)
+ return;
+ }
+ TweenMax.killAll(true)
+ Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.traverse((obj) => {
+ if(obj.userData && obj.userData.type == "build"){
+ if(obj.name == aName){
+ Map_QM.onShowLocalSite({x:obj.userData.xaxis,y:obj.userData.yaxis});
+ }
+ }
+ });
+ },
+
+ /**
+ * @api {方法} changeShowShopName() 修改房间显示名称
* @apiGroup 地图显示
- * @apiDescription 通过店铺编号修改店铺显示名称
+ * @apiDescription 通过房间编号修改房间显示名称
* @apiVersion 4.0.0
- * @apiParam {Array} shopNum 店铺编号
+ * @apiParam {Array} shopNum 房间编号
* @apiParam {Array} element html标签字符串
* @apiSampleRequest off
- *
+ *
* @apiParamExample {String} 请求示例
* Map_QM.changeShowShopName(["L104"],['肯德基
']) */ @@ -3056,21 +3116,21 @@ MainMap_QM.prototype = { } }, /** - * @api {方法} unionShop() 店铺合并 + * @api {方法} unionShop() 房间合并 * @apiGroup 地图显示 - * @apiDescription 通过店铺编号合并店铺 合铺 + * @apiDescription 通过房间编号合并房间 合铺 * @apiVersion 4.0.0 - * @apiParam {Array} shops 店铺编号数组 - * @apiParam {Object} data 新的店铺数据(默认 空数据) + * @apiParam {Array} shops 房间编号数组 + * @apiParam {Object} data 新的房间数据(默认 空数据) * @apiSampleRequest off - * + * * @apiParamExample {String} 请求示例 * Map_QM.unionShop(["L105","L106","L107","L108"],{name:"新店",shopNum:"L104-L108",color:"#F4A460"}) */ unionShop: function (shops, data = { name: "", shopNum: "shop", color: "#F4A460" }) { let shopObj = [], xAll = 0, yAll = 0; if (Array.isArray(shops) && shops.length > 1) { - //删除店铺box + //删除房间box let shopArea = Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].shopObj.children; for (let i = 0; i < shops.length; i++) { for (let k = 0; k < shopArea.length; k++) { @@ -3174,12 +3234,12 @@ MainMap_QM.prototype = { let facCode = intersects[i].object.userData.facCode || intersects[i].object.parent.userData.facCode || intersects[i].object.parent.parent.userData.facCode let title = intersects[i].object.userData.title || intersects[i].object.parent.userData.title || intersects[i].object.parent.parent.userData.title /** - * @api {事件} icon 点击设施图标 + * @api {事件} icon 点击设施图标 * @apiGroup 地图事件 * @apiDescription 用户点击设施图标后触发自定义事件 * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("icon",onClickIcon,false); */ @@ -3187,16 +3247,30 @@ MainMap_QM.prototype = { type: 'icon', data: { "buildOrder": buildOrder, "floorOrder": floorOrder, "node": navCode, "src": src, "facCode": facCode, "title": title } }) - console.log("触发 icon 事件 ", { - type: 'icon', - data: { "buildOrder": buildOrder, "floorOrder": floorOrder, "node": navCode, "src": src, "facCode": facCode, "title": title } - }); return; } } + //艺术品点击 for (let i = 0; i < intersects.length; i++) { - //店铺BOX点击 + //艺术品点击 + if (intersects[i].object.userData && (intersects[i].object.userData.type == 'art' || intersects[i].object.parent.userData.type == 'art' || intersects[i].object.parent.parent.userData.type == 'art')) { + if (Map_QM.endModel && Map_QM.endModel.visible) { + Map_QM.endModel.visible = false; + } + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].findPath.clearPath(); + let codeId = intersects[i].object.userData.codeId || intersects[i].object.parent.userData.codeId || intersects[i].object.parent.parent.userData.codeId + let userData = intersects[i].object.userData || intersects[i].object.parent.userData || intersects[i].object.parent.parent.userData; + Map_QM.dispatchEvent({ + type: 'art', + data: { "codeId": codeId, "artData": userData } + }) + return; + } + } + + for (let i = 0; i < intersects.length; i++) { + //房间BOX点击 if (intersects[i].object.userData && intersects[i].object.userData.type == "shop" && intersects[i].object.name != "") { if (Map_QM.endModel && Map_QM.endModel.visible) { Map_QM.endModel.visible = false; @@ -3208,12 +3282,12 @@ MainMap_QM.prototype = { } } /** - * @api {事件} shop 点击已绑定品牌的店铺 + * @api {事件} shop 点击已绑定品牌的房间 * @apiGroup 地图事件 - * @apiDescription 用户点击店铺后触发自定义事件 + * @apiDescription 用户点击房间后触发自定义事件 * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("shop",onClickShop,false); */ @@ -3225,12 +3299,12 @@ MainMap_QM.prototype = { }) } else { /** - * @api {事件} onlyShop 点击未绑定品牌的店铺 + * @api {事件} onlyShop 点击未绑定品牌的房间 * @apiGroup 地图事件 - * @apiDescription 用户点击空店铺后触发自定义事件 + * @apiDescription 用户点击空房间后触发自定义事件 * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("onlyShop",onClickShop,false); */ @@ -3252,13 +3326,13 @@ MainMap_QM.prototype = { * @apiDescription 地图box 选中 * @apiVersion 4.0.0 * @apiParam {String} shopNum POI编号 - * + * * @apiSampleRequest off - * + * * @apiParamExample {String} 请求示例 - * + * * Map_QM.setSelectShopMatByName("L101"); - * + * */ setSelectShopMatByName: function (ipName) { for (let i = 0; i < Map_QM.mapArr[Map_QM.util.selectBuild].length; i++) { @@ -3271,7 +3345,7 @@ MainMap_QM.prototype = { } } }, - //改变选中店铺box + //改变选中房间box setSelectShopMat: function (selObject) { TweenMax.killAll(true); if (Map_QM.selectShop) { @@ -3312,7 +3386,7 @@ MainMap_QM.prototype = { type: "changeFloorOver", data: Map_QM.selectFloor }); - + }, autoChangeEleAngle: function () { @@ -3370,19 +3444,19 @@ MainMap_QM.prototype = { }, /** * 碰撞检测 - * @param {Object} 传入检测楼层下标 + * @param {Object} 传入检测楼层下标 */ controlsChock: function () { Map_QM.autoChangeEleAngle(); Map_QM.collLabel(); - + /** - * @api {事件} MapAngleChange 地图的方向改变 + * @api {事件} MapAngleChange 地图的方向改变 * @apiGroup 地图事件 * @apiDescription 用户操作地图时触发 * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("MapAngleChange",onMapAngleChange,false); */ @@ -3582,13 +3656,13 @@ MainMap_QM.prototype = { * @apiDescription 地图图标弹跳效果 * @apiVersion 4.0.0 * @apiParam {String} iconType 设施缩写 - * + * * @apiSampleRequest off - * + * * @apiParamExample {String} 请求示例 - * + * * Map_QM.bounceIcon("xsj"); - * + * */ bounceIcon: function (iconType) { let toFloor = parseInt(Map_QM.util.selectFloor); @@ -3605,18 +3679,18 @@ MainMap_QM.prototype = { /** * @api {方法} countPath() 方向算法 * @apiGroup 地图导航 - * @apiDescription 计算设施、店铺的导航方向, toObj,pathType 不能同时为空 + * @apiDescription 计算设施、房间的导航方向, toObj,pathType 不能同时为空 * @apiVersion 4.0.0 * @param {Object} toObj {build,floor,node} //终点 设施寻路可以为空 - * @param {String} pathType 公共设施名称或编号（点位寻路此参数为空字符串） - * @param {String} countType 8--八方向(默认) 12--十二方向 - * + * @param {String} pathType 公共设施名称或编号（点位寻路此参数为空字符串） + * @param {String} countType 8--八方向(默认) 12--十二方向 + * * @apiSampleRequest off - * + * * @apiParamExample {String} 请求示例 - * - * Map_QM.countPath({build:0,floor:0,node:0},"xsj","8"); - * + * + * Map_QM.countPath({build:0,floor:0,node:0},"xsj","8"); + * */ countPath: function (toObj, pathType = "", _countType = "8") { direction = { "code": 500, "dir": '', "cost": 0, "gap": 0 }; @@ -3946,18 +4020,18 @@ MainMap_QM.prototype = { * @apiDescription 获取离当前楼层最近的设施 * @apiVersion 4.0.0 * @apiParam {JSON} type 设施缩写 - * + * * @apiSampleRequest off - * + * * @apiParamExample {String} 请求示例 - * + * * Map_QM.pathIcon({type:"xsj"}); - * + * * @apiSuccessExample 返回示例 * { * "floor": 楼层编号, "node": 设施导航点,"typeCode":设施编号 * } - * + * */ pathIcon: function (iconType) { let selIcon; // @@ -4029,20 +4103,20 @@ MainMap_QM.prototype = { * @apiGroup 地图导航 * @apiDescription 根据传入的起、终点；直接导航 * @apiVersion 4.0.0 - * @apiParam {String} startObj.shopNum 店铺编号/车位编号 + * @apiParam {String} startObj.shopNum 房间编号/车位编号 * @apiParam {String} startObj.type "shop"/"park" - * - * @apiParam {String} toObj.shopNum 店铺编号/车位编号 + * + * @apiParam {String} toObj.shopNum 房间编号/车位编号 * @apiParam {String} toObj.type "shop"/"park" - * + * * @apiParam {Function} callBackFun 回调函数 - * + * * @apiSampleRequest off - * + * * @apiParamExample {String} 请求示例 - * + * * Map_QM.pathByStartAndOver({"shopNum":"L102","type":"shop"},{"shopNum":"L204","type":"shop"}); - * + * */ pathByStartAndOver: function (startObj, toObj, callBackFun) { try { @@ -4063,13 +4137,13 @@ MainMap_QM.prototype = { * @apiParam {int} floor 起点楼层编号 * @apiParam {String} node 起点编号 * @apiParam {int} angle 起点角度 - * + * * @apiSampleRequest off - * + * * @apiParamExample {String} 请求示例 - * + * * Map_QM.changeStartPoint({"build":0, "floor":3, "node":"20", "angle":0}); - * + * */ changeStartPoint: function (toObj) { this.clearFloor(); @@ -4109,14 +4183,14 @@ MainMap_QM.prototype = { * @apiDescription 改变POI 颜色 * @apiVersion 4.0.0 * @apiParam {string} ipName POI名称 - * @apiParam {string} color 颜色字符串 - * + * @apiParam {string} color 颜色字符串 + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.changeMapIPState("L1001","#ffff00"); - * + * */ changeMapIPState: function (ipName, color) { // #775544 #AD8164 for (let i = 0; i < this.mapArr[this.util.selectBuild].length; i++) { @@ -4130,21 +4204,21 @@ MainMap_QM.prototype = { } }, /** - * @api {方法} getMapIPData(ipName) 获取POI 基础数据 + * @api {方法} getMapIPData(ipName) 获取POI 基础数据 * @apiGroup 地图交互 * @apiDescription 获取POI 基础数据 * @apiVersion 4.0.0 * @apiParam {string} ipName POI名称 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.getMapIPData("L1001"); - * + * * @apiSuccessExample 返回示例 * { - * shopNum:店铺编号, shopName:店铺名 node:导航点, floor:楼层编号, xaxis:中心点X坐标, yaxis:中心点Y坐标, borderColor:边框色, entColor:填充色 + * shopNum:房间编号, shopName:房间名 node:导航点, floor:楼层编号, xaxis:中心点X坐标, yaxis:中心点Y坐标, borderColor:边框色, entColor:填充色 * } */ getMapIPData: function (ipName) { @@ -4166,13 +4240,13 @@ MainMap_QM.prototype = { * @apiParam {int} floor 楼层编号 * @apiParam {string} node 路径点位编号 * @apiParam {function} callBackFun 回调方法 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.pathNode({build:0, floor:2,node:"53"},callBackFun); - * + * */ pathNode: function (toObj, callBackFun) { if (!toObj) { @@ -4236,13 +4310,13 @@ MainMap_QM.prototype = { * @apiVersion 4.0.0 * @apiParam {int} floor 楼层编号 * @apiParam {string} node 路径点位编号 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.getGapByPathNode({floor:2,node:"53"}); - * + * * @apiSuccessExample {Object} dist 距离米数 time 步行时间 * { * dis:200,time:4 @@ -4267,9 +4341,9 @@ MainMap_QM.prototype = { * @apiDescription 获取所有Icon * @apiVersion 4.0.0 * @apiParam {int} floorOrder 楼层编号(默认 所有) - * + * * @apiSampleRequest off - * + * */ getAllIcon: function (floorOrder = -1, buildOrder = -1) { let icons = []; @@ -4329,13 +4403,13 @@ MainMap_QM.prototype = { * @apiDescription 获取车位导航点 * @apiVersion 4.0.0 * @apiParam {String} shopNum 车位编号 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.pathPark({shopNum:"B1002"}); - * + * * @apiSuccessExample 返回示例 * { * shopNum: 车位编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标 @@ -4346,21 +4420,21 @@ MainMap_QM.prototype = { }, /** - * @api {方法} pathShopByName() 获取店铺点位 + * @api {方法} pathShopByName() 获取房间点位 * @apiGroup 地图数据 - * @apiDescription 通过店铺名称获取点位 + * @apiDescription 通过房间名称获取点位 * @apiVersion 4.0.0 - * @apiParam {String} shopName 店铺名称 - * + * @apiParam {String} shopName 房间名称 + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.pathShopByName("金拱门"); - * + * * @apiSuccessExample 返回示例 * { - * shopNum: 店铺编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标, comeIn:店铺多门点 + * shopNum: 房间编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标, comeIn:房间多门点 * } */ pathShopByName: function (shopName) { @@ -4393,16 +4467,16 @@ MainMap_QM.prototype = { /** * @api {方法} shopNumToNavPoint() 获取导航点位 * @apiGroup 地图导航 - * @apiDescription 通过店铺编号或车位获取导航点位 + * @apiDescription 通过房间编号或车位获取导航点位 * @apiVersion 4.0.0 - * @apiParam {Object} object build,floor,shopNum 楼栋编号,楼层编号,店铺或车位编号 - * @apiParam {String} type 店铺或车位标识 "shop" "park" - * + * @apiParam {Object} object build,floor,shopNum 楼栋编号,楼层编号,房间或车位编号 + * @apiParam {String} type 房间或车位标识 "shop" "park" + * * @apiSampleRequest off - * + * * @apiSuccessExample 返回示例 * { - * shopNum: 店铺编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标, comeIn:店铺多门点 + * shopNum: 房间编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标, comeIn:房间多门点 * } */ shopNumToNavPoint: function (obj, type) { @@ -4538,7 +4612,7 @@ MainMap_QM.prototype = { Map_QM.forShopArr[0].DirectionEn = DirEn; for (let m = 0; m < Map_QM.forShopArr.length; m++) { - //查找经过店铺 + //查找经过房间 Map_QM.forShopArr[m].wayShop = Map_QM.foreignShop(Map_QM.forShopArr[m].PathPoint, Map_QM.forShopArr[m].build, Map_QM.forShopArr[m].floor, m); if (Map_QM.util.overObj.build == Map_QM.forShopArr[m].build && Map_QM.util.overObj.floor == Map_QM.forShopArr[m].floor) { let len = Map_QM.forShopArr[m].wayShop.length; @@ -4553,7 +4627,7 @@ MainMap_QM.prototype = { * @apiDescription 地图开始导航时触发 * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("InitPathOver",onInitPathOver,false); */ @@ -4592,7 +4666,7 @@ MainMap_QM.prototype = { return nodeP; }, /** - * 途径店铺 + * 途径房间 */ foreignShop: function (pathArr, build, cFloor, m) { let shopList = []; @@ -4750,7 +4824,7 @@ MainMap_QM.prototype = { * @apiDescription 地图导航过程中实时触发 * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("PathPlaying",onPathPlaying,false); */ @@ -4880,7 +4954,7 @@ MainMap_QM.prototype = { * @apiDescription 地图导航到达目标点时触发 * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("PathPlayOver",onPathPlayOver,false); */ @@ -4975,9 +5049,9 @@ MainMap_QM.prototype = { * @apiGroup 地图导航 * @apiDescription 导航动画暂停/播放 * @apiVersion 4.0.0 - * + * * @apiSampleRequest off - * + * */ pathStop: function (isPlaying) { Map_QM.util.pathStateObj.isPathPlay = isPlaying === undefined ? !Map_QM.util.pathStateObj.isPathPlay : isPlaying; @@ -4988,9 +5062,9 @@ MainMap_QM.prototype = { * @apiGroup 地图导航 * @apiDescription 导航动画重播 * @apiVersion 4.0.0 - * + * * @apiSampleRequest off - * + * */ pathRePlay: function () { clearTimeout(Map_QM.util.timeObj.pathTime); @@ -5011,15 +5085,15 @@ MainMap_QM.prototype = { * @apiGroup 地图导航 * @apiDescription 导航切换扶梯模式 * @apiVersion 4.0.0 - * + * * @apiParam {function} callBack 回调函数 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.ChangePathByFt(function); - * + * */ ChangePathByFt: function (callBack) { clearTimeout(Map_QM.util.timeObj.pathTime); @@ -5043,15 +5117,15 @@ MainMap_QM.prototype = { * @apiGroup 地图导航 * @apiDescription 导航切换电梯模式 * @apiVersion 4.0.0 - * + * * @apiParam {function} callBack 回调函数 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.ChangePathByDt(function); - * + * */ ChangePathByDt: function (callBack) { clearTimeout(Map_QM.util.timeObj.pathTime); @@ -5075,15 +5149,15 @@ MainMap_QM.prototype = { * @apiGroup 地图导航 * @apiDescription 导航切换最佳模式 * @apiVersion 4.0.0 - * + * * @apiParam {function} callBack 回调函数 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.ChangePathByGood(function); - * + * */ ChangePathByGood: function (callBack) { clearTimeout(Map_QM.util.timeObj.pathTime); @@ -5115,14 +5189,14 @@ MainMap_QM.prototype = { * @apiGroup 地图交互 * @apiDescription 窗口变化 * @apiVersion 4.0.0 - * + * * @apiParam {int} width 窗口宽 * @apiParam {int} height 窗口高 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.changeWindowResize(1280,1080); */ changeWindowResize: function (width, height) { @@ -5147,7 +5221,7 @@ MainMap_QM.prototype = { * @apiGroup 地图数据 * @apiDescription 初始化地图赋值 Map_QM * @apiVersion 4.0.0 - * + * * @apiParam {function} callBack 初始化成功后的回调函数 * @apiParam {object} options 初始化对象 * @apiParam {int} options.build 设备所在楼栋编号 默认值6 @@ -5162,22 +5236,23 @@ MainMap_QM.prototype = { * @apiParam {boolean} options.modelIcon 交通设施是否使用模型 默认值 true * @apiParam {Array} options.otherPath 人为干预的路线 默认值 []; * @apiParam {int} options.fSpace 双叠层状态下楼层的间距 默认值 500 - * @apiParam {uint} options.navColor 途径店铺颜色 默认值 0xEE6A50 + * @apiParam {uint} options.navColor 途径房间颜色 默认值 0xEE6A50 * @apiParam {boolean} options.overlap 是否叠层 默认值 false * @apiParam {boolean} options.shadow 是否显示阴影 默认值 true * @apiParam {boolean} options.iconName 图标名称是否显示 默认值false * @apiParam {uint} options.pathColor 导航路径颜色 默认值 0xb47834, * @apiParam {string} options.pathStyle 导航第一视角 默认值 "2D", - * @apiParam {string} options.shopStyle 店铺显示字段编号(shopNum)名称(shopName) 默认值 "shopName", + * @apiParam {string} options.shopStyle 房间显示字段编号(shopNum)名称(shopName) 默认值 "shopName", * @apiParam {int} options.camZoom 地图显示我的方向状态的放大倍数 默认值 3 * @apiParam {boolean} options.inArea 地图点击后是否聚焦到当前位置 默认值 false * @apiParam {string} options.mapData 地图数据 res.data.mapData - * @apiParam {string} options.shopData 店铺数据 res.data + * @apiParam {string} options.shopData 房间数据 res.data * @apiParam {Array} options.iconUrl 设施库图标 默认值 [] + * @apiParam {Array} options.artUrl 艺术图标 默认值 [] * * @apiSampleRequest off * @apiParamExample {String} 请求示例 - * + * * MainMap_QM.init(callBackLoadOver,{build : 0, floor : 3, navPoint : 7, angle : 0, perc_H : "-50%",containerId : "mapContainer"}); */ MainMap_QM.init = function (callBack, options) { @@ -5185,6 +5260,7 @@ MainMap_QM.init = function (callBack, options) { Map_QM.cancelRender(); Map_QM.beforeDestroy(options); } + console.log(options); Map_QM = new MainMap_QM(callBack, options); return Map_QM; } @@ -5215,7 +5291,7 @@ FloorMap_QM = function (bIndex, fIndex, floorName) { this.devObj = new THREE.Group(); //存放设施图标 this.svgObj = new THREE.Group(); - //店铺 + //房间 this.shopObj = new THREE.Group(); this.allObj.add(this.shopObj); this.allObj.add(this.svgObj); @@ -5246,9 +5322,43 @@ FloorMap_QM.prototype = { this.initDecos(); this.initPark(); this.initModel(); + this.initArt(); this.initTree(); //植树 this.initLogos(); //贴图 }, + initArt:function(){ + if (Map_QM.util.artUrl.length > 0) { + let _this = this; + Map_QM.util.artUrl.forEach((item)=>{ + let points = item.content.point.split("_"); + if(parseInt(points[0]) == _this.buildOrder && parseInt(points[1]) ==_this.floorOrder && parseInt(points[2])>=0){ + let url = Map_QM.util.beforPath + item.content.icon[0]; + let spriteMap = new THREE.TextureLoader().load(url); + let spriteMaterial = new THREE.SpriteMaterial({ //sizeAttenuation: false 禁止跟随鼠标缩放 + map: spriteMap, + depthTest: true, + transparent: true, + alphaTest: 0.1 + }); + let sprite = new MySprite_QM(spriteMaterial); + sprite.scale.set(64, 64, 1); + sprite.imgUrl = url; + sprite.center = new THREE.Vector2(0.5, 0); + sprite.userData = item; + sprite.userData.type = "art"; + sprite.userData.use = "all"; + sprite.userData.codeId = item.id; + let pathData = Map_QM.util.allMap[_this.buildOrder].buildArr[_this.floorOrder].mapData.path; + if(pathData.nodes.length > 0){ + pathData.nodes.sort(Map_QM.util.sortNode); + sprite.position.set(pathData.nodes[parseInt(points[2])].x, -1*pathData.nodes[parseInt(points[2])].y, 60); + sprite.renderOrder = 300; + _this.serObj.add(sprite); + } + } + }) + } + }, initLogos: function () { let sopce = this; if (Map_QM.util.logos) { @@ -5279,13 +5389,12 @@ FloorMap_QM.prototype = { }); for (let t = 0; t < Map_QM.util.modelArr[i].list.length; t++) { let obj = mod.clone(); - obj.position.set(Map_QM.util.modelArr[i].list[t].site.x, -1 * Map_QM.util.modelArr[i].list[t].site.y, Map_QM.util.modelArr[i].list[t].site.z); obj.scale.set(Map_QM.util.modelArr[i].list[t].size.x, Map_QM.util.modelArr[i].list[t].size.y, Map_QM.util.modelArr[i].list[t].size.z); obj.rotateX(Map_QM.util.modelArr[i].list[t].rot.x); obj.rotateY(Map_QM.util.modelArr[i].list[t].rot.y); obj.rotateZ(Map_QM.util.modelArr[i].list[t].rot.z); sopce.allObj.add(obj); - } + } }); } } @@ -5386,13 +5495,15 @@ FloorMap_QM.prototype = { mash.castShadow = false; mash.userData = { "type": "build", - "order": this.floorOrder + "order": this.floorOrder, + "xaxis":mapData.buildArea[i].xaxis, + "yaxis":mapData.buildArea[i].yaxis, }; mash.userData.opacity = mapData.buildArea[i].alphaModle / 100 || 0; - mash.name = "floor"; + mash.name = mapData.buildArea[i].name; this.allObj.add(mash); } - //店铺 + //房间 let sLen = mapData.shopArea.length; let show = (showE = ""); let showLeb = ""; @@ -5483,18 +5594,18 @@ FloorMap_QM.prototype = { }); } if (showLeb != "" || some) { - showLeb = mapData.shopArea[i].name; - let shopDiv = document.createElement('div'); - shopDiv.className = "map_label"; - shopDiv.innerHTML = Map_QM.util.options.shopStyle == "shopName" ? show : mapData.shopArea[i].name; - shopDiv.dataset.name = show; - shopDiv.dataset.nameEn = showE; - shopDiv.style.visibility = "hidden"; - let shopLabel = new THREE.CSS2DObject(shopDiv); - shopLabel.position.set(mapData.shopArea[i].xaxis >> 0, -1 * mapData.shopArea[i].yaxis >> 0, parseInt(mapData.shopArea[i].toHeight) + parseInt(mapData.shopArea[i].site || 0)); - shopLabel.name = mapData.shopArea[i].name; - shopLabel.userData.mapShow = mapShow; - this.labelObj.add(shopLabel); + // showLeb = mapData.shopArea[i].name; + // let shopDiv = document.createElement('div'); + // shopDiv.className = "map_label"; + // shopDiv.innerHTML = Map_QM.util.options.shopStyle == "shopName" ? show : mapData.shopArea[i].name; + // shopDiv.dataset.name = show; + // shopDiv.dataset.nameEn = showE; + // shopDiv.style.visibility = "hidden"; + // let shopLabel = new THREE.CSS2DObject(shopDiv); + // shopLabel.position.set(mapData.shopArea[i].xaxis >> 0, -1 * mapData.shopArea[i].yaxis >> 0, parseInt(mapData.shopArea[i].toHeight) + parseInt(mapData.shopArea[i].site || 0)); + // shopLabel.name = mapData.shopArea[i].name; + // shopLabel.userData.mapShow = mapShow; + // this.labelObj.add(shopLabel); //this.labelObj.add(Map_QM.util.getTextMesh(show,new THREE.Vector3(mapData.shopArea[i].xaxis >> 0, -1 * mapData.shopArea[i].yaxis >> 0, parseInt(mapData.shopArea[i].toHeight) + parseInt(mapData.shopArea[i].site || 0)))); } } @@ -5969,16 +6080,16 @@ FloorMap_QM.prototype = { } //显示车位编号 - if (mapData.parkArea[i].parkNum != "NaN" && i % 10 == 0) { - let shopDiv = document.createElement('div'); - shopDiv.className = "map_label" - shopDiv.style.visibility = "hidden"; - shopDiv.textContent = mapData.parkArea[i].parkNum; - let shopLabel = new THREE.CSS2DObject(shopDiv); - shopLabel.name = mapData.parkArea[i].name; - shopLabel.position.set(mapData.parkArea[i].xaxis >> 0, -1 * mapData.parkArea[i].yaxis >> 0, parseInt(mapData.parkArea[i].toHeight) + 1); - this.labelObj.add(shopLabel); - } + // if (mapData.parkArea[i].parkNum != "NaN" && i % 10 == 0) { + // let shopDiv = document.createElement('div'); + // shopDiv.className = "map_label" + // shopDiv.style.visibility = "hidden"; + // shopDiv.textContent = mapData.parkArea[i].parkNum; + // let shopLabel = new THREE.CSS2DObject(shopDiv); + // shopLabel.name = mapData.parkArea[i].name; + // shopLabel.position.set(mapData.parkArea[i].xaxis >> 0, -1 * mapData.parkArea[i].yaxis >> 0, parseInt(mapData.parkArea[i].toHeight) + 1); + // this.labelObj.add(shopLabel); + // } } } let mahc = this.Model_QM.MyParkShape(shapeArr, materials, parkHeight, borderColor); @@ -6101,7 +6212,7 @@ MyModel_QM.prototype.MyModelShape = function (areaArr, howllowArr, opObj, entity let cubeEdges = new THREE.EdgesGeometry(scanGeometry, 60); let cubeLine = new THREE.LineSegments(cubeEdges, material); cubeLine.renderOrder = indexOrder - 5; - mesh.add(cubeLine); + //mesh.add(cubeLine); } if (opObj.name != "floor") { mesh.position.z = opObj.site || 0; @@ -6195,7 +6306,7 @@ MyModel_QM.prototype.MyPlaneShape = function (areaArr, howllowArr, opObj, entity color: entityColor, transparent: true, opacity: alphaModle, - + depthTest: true }); Map_QM.util.meshMaterialArr.push(meshMaterial); @@ -6257,7 +6368,7 @@ MyModel_QM.prototype.MyModelText = function (svgArea) { const mesh = new THREE.Mesh(geometry, meshMaterial); mesh.renderOrder = 50; mesh.name = svgArea.name || ""; - mesh.position.set(svgArea.width/-2, svgArea.height/-2, parseInt(svgArea.toHeight)+1); + mesh.position.set(svgArea.width / -2, svgArea.height / -2, parseInt(svgArea.toHeight)+1); group.add(mesh); } return group; @@ -6358,7 +6469,7 @@ Facilities_QM = function () { } } /** - * 店铺LOGO地图展示类 + * 房间LOGO地图展示类 */ ShopLogo_QM = function () { this.renderIcon = function (obj, _this, z) { diff --git a/src/App.vue b/src/App.vue index e977e7c..059dc24 100644 --- a/src/App.vue +++ b/src/App.vue @@ -6,12 +6,24 @@ import PublicComponent from '@/components/PublicComponent/PublicComponent.vue' - diff --git a/src/assets/images/art/go.svg b/src/assets/images/art/go.svg new file mode 100644 index 0000000..d9190f3 --- /dev/null +++ b/src/assets/images/art/go.svg @@ -0,0 +1,6 @@ + diff --git a/src/assets/images/art/poi.svg b/src/assets/images/art/poi.svg new file mode 100644 index 0000000..c8b4abf --- /dev/null +++ b/src/assets/images/art/poi.svg @@ -0,0 +1,3 @@ + diff --git a/src/assets/images/brand/all.svg b/src/assets/images/brand/all.svg new file mode 100644 index 0000000..172443e --- /dev/null +++ b/src/assets/images/brand/all.svg @@ -0,0 +1,3 @@ + diff --git a/src/assets/images/brand/currentPos.svg b/src/assets/images/brand/currentPos.svg new file mode 100644 index 0000000..3dee803 --- /dev/null +++ b/src/assets/images/brand/currentPos.svg @@ -0,0 +1,4 @@ + diff --git a/src/assets/images/brand/down.svg b/src/assets/images/brand/down.svg new file mode 100644 index 0000000..f221cf2 --- /dev/null +++ b/src/assets/images/brand/down.svg @@ -0,0 +1,3 @@ + diff --git a/src/assets/images/brand/format_normal.svg b/src/assets/images/brand/format_normal.svg new file mode 100644 index 0000000..c726ecb --- /dev/null +++ b/src/assets/images/brand/format_normal.svg @@ -0,0 +1,9 @@ + diff --git a/src/assets/images/brand/icon_area.svg b/src/assets/images/brand/icon_area.svg new file mode 100644 index 0000000..dd5e060 --- /dev/null +++ b/src/assets/images/brand/icon_area.svg @@ -0,0 +1,3 @@ + diff --git a/src/assets/images/brand/icon_area_sel.svg b/src/assets/images/brand/icon_area_sel.svg new file mode 100644 index 0000000..d81fe3b --- /dev/null +++ b/src/assets/images/brand/icon_area_sel.svg @@ -0,0 +1,3 @@ + diff --git a/src/assets/images/brand/icon_floor.svg b/src/assets/images/brand/icon_floor.svg new file mode 100644 index 0000000..b680d11 --- /dev/null +++ b/src/assets/images/brand/icon_floor.svg @@ -0,0 +1,3 @@ + diff --git a/src/assets/images/brand/icon_floor_sel.svg b/src/assets/images/brand/icon_floor_sel.svg new file mode 100644 index 0000000..358906c --- /dev/null +++ b/src/assets/images/brand/icon_floor_sel.svg @@ -0,0 +1,3 @@ + diff --git a/src/assets/images/brand/icon_format.svg b/src/assets/images/brand/icon_format.svg new file mode 100644 index 0000000..7382660 --- /dev/null +++ b/src/assets/images/brand/icon_format.svg @@ -0,0 +1,3 @@ + diff --git a/src/assets/images/brand/icon_format_sel.svg b/src/assets/images/brand/icon_format_sel.svg new file mode 100644 index 0000000..7382660 --- /dev/null +++ b/src/assets/images/brand/icon_format_sel.svg @@ -0,0 +1,3 @@ + diff --git a/src/assets/images/brand/label_newEn.svg b/src/assets/images/brand/label_newEn.svg new file mode 100644 index 0000000..1c3c8bd --- /dev/null +++ b/src/assets/images/brand/label_newEn.svg @@ -0,0 +1,11 @@ + diff --git a/src/assets/images/brand/label_newZh.svg b/src/assets/images/brand/label_newZh.svg new file mode 100644 index 0000000..30048da --- /dev/null +++ b/src/assets/images/brand/label_newZh.svg @@ -0,0 +1,11 @@ + diff --git a/src/assets/images/brand/label_promotionEn.svg b/src/assets/images/brand/label_promotionEn.svg new file mode 100644 index 0000000..b6aaddb --- /dev/null +++ b/src/assets/images/brand/label_promotionEn.svg @@ -0,0 +1,11 @@ + diff --git a/src/assets/images/brand/label_promotionTw.svg b/src/assets/images/brand/label_promotionTw.svg new file mode 100644 index 0000000..1876884 --- /dev/null +++ b/src/assets/images/brand/label_promotionTw.svg @@ -0,0 +1,11 @@ + diff --git a/src/assets/images/brand/label_promotionZh.svg b/src/assets/images/brand/label_promotionZh.svg new file mode 100644 index 0000000..97207bc --- /dev/null +++ b/src/assets/images/brand/label_promotionZh.svg @@ -0,0 +1,5 @@ + diff --git a/src/assets/images/brand/no-rec.svg b/src/assets/images/brand/no-rec.svg new file mode 100644 index 0000000..956c3fc --- /dev/null +++ b/src/assets/images/brand/no-rec.svg @@ -0,0 +1,12 @@ + diff --git a/src/assets/images/brand/pos.svg b/src/assets/images/brand/pos.svg new file mode 100644 index 0000000..291b61a --- /dev/null +++ b/src/assets/images/brand/pos.svg @@ -0,0 +1,3 @@ + diff --git a/src/assets/images/empty_big.svg b/src/assets/images/empty_big.svg new file mode 100644 index 0000000..ce89eea --- /dev/null +++ b/src/assets/images/empty_big.svg @@ -0,0 +1,8 @@ + diff --git a/src/assets/images/empty_small.svg b/src/assets/images/empty_small.svg new file mode 100644 index 0000000..ddd5f40 --- /dev/null +++ b/src/assets/images/empty_small.svg @@ -0,0 +1,13 @@ + diff --git a/src/assets/images/formatDefault.svg b/src/assets/images/formatDefault.svg new file mode 100644 index 0000000..703e8ce --- /dev/null +++ b/src/assets/images/formatDefault.svg @@ -0,0 +1,5 @@ + diff --git a/src/assets/images/guide/arrow.svg b/src/assets/images/guide/arrow.svg new file mode 100644 index 0000000..52a8b84 --- /dev/null +++ b/src/assets/images/guide/arrow.svg @@ -0,0 +1,3 @@ + diff --git a/src/assets/images/guide/direction.svg b/src/assets/images/guide/direction.svg index 8f65887..38c82d1 100644 --- a/src/assets/images/guide/direction.svg +++ b/src/assets/images/guide/direction.svg @@ -1,4 +1,3 @@ -