进入商场
", x: 55, y: 12, z: 3, click: true, type: "out" } + * { htmlUrl: "进入商场
", x: 55, y: 12, z: 3, show:"zh", type: "out" } */ - this.tipArr = [] //模型标签 periphery + this.tipArr = []; //模型标签 periphery /** * 室内地图标签 * 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.iconUrl = []
- this.allMap = []
+ this.labelIconArr = [];
+ this.spriteMaterialArr = [];
+ this.lineBasicMaterialArr = [];
+ this.meshMaterialArr = [];
+ this.parkMaterialArr = [];
+ this.shopData = []; //店铺数据
+ this.iconUrl = [];
+ this.allMap = [];
/*** ------------------------------------------------ 参数 API START ------------------------------------------------- */
- this.setModelState = function (state = '3d') {
- //设置模型显示状态 2d 3d
- if (Map_QM) {
- Map_QM.changeIconState(state)
- }
- }
-
this.exportImg = function () {
- let tempSrc = Map_QM.renderer.domElement.toDataURL('image/png')
- let a = document.createElement('a')
- a.href = tempSrc
- a.setAttribute('download', 'floor.png')
- a.click()
- }
+ let tempSrc = Map_QM.renderer.domElement.toDataURL("image/png");
+ let a = document.createElement("a");
+ a.href = tempSrc;
+ a.setAttribute("download", "floor.png");
+ a.click();
+ };
/**
- * @api {方法} changePlaySpeed(speed) 改变导航速度
- * @apiGroup 地图交互
- * @apiDescription 改变导航播放速度
- * @apiVersion 2.0.0
+ * @api {方法} changePlaySpeed(speedMult) 改变导航速度倍数
+ * @apiGroup 地图导航
+ * @apiDescription 改变导航播放速度倍数
+ * @apiVersion 4.0.0
*
- * @apiParam {int} speed 播放速度（默认 6）
+ * @apiParam {int} speedMult 播放速度倍数（默认 1）
*
* @apiSampleRequest off
*
* @apiParamExample 请求示例
*
- * Map_QM.util.changePlaySpeed(6)
+ * Map_QM.util.changePlaySpeed()
*
*/
- this.changePlaySpeed = function (speed = 6) {
- Map_QM.util.options.playSpeed = speed
- }
+ this.changePlaySpeed = function (speedMult = 1) {
+ Map_QM.util.options.speedMult = speedMult;
+ };
/*** ----------------------------------------------- 参数 API END ----------------------------------------------- **** */
this.Point = function (x = 0, y = 0) {
- this.x = x
- this.y = y
- }
+ this.x = x;
+ this.y = y;
+ };
this.WallLine = function (start, end) {
- this.start = start //起始点位
- this.end = end //结束点位
- this.leftParLine //左侧平行线段
- this.rightParLine //右侧平行线段
- this.leftPoint //左侧平行线交点
- this.rightPoint //右侧平行线交点
- }
- this.assignUVs = function (geometry) {
- geometry.computeBoundingBox();
+ this.start = start; //起始点位
+ this.end = end; //结束点位
+ this.leftParLine; //左侧平行线段
+ this.rightParLine; //右侧平行线段
+ this.leftPoint; //左侧平行线交点
+ this.rightPoint; //右侧平行线交点
+ };
+
+ this.assignUVs = function (geometry) {
+ geometry.computeBoundingBox();
let max = geometry.boundingBox.max,
- min = geometry.boundingBox.min;
+ min = geometry.boundingBox.min;
let offset = new THREE.Vector2(0 - min.x, 0 - min.y);
let range = new THREE.Vector2(max.x - min.x, max.y - min.y);
- let addX=1, addY=1;
- range.x/range.y < 1 ? (addX = range.x/range.y) : (addY = range.y/range.x)
- geometry.faceVertexUvs[0] = [];
-
- for (let face of geometry.faces) {
+ let addX = 1,
+ addY = 1;
+ range.x / range.y < 1
+ ? (addX = range.x / range.y)
+ : (addY = range.y / range.x);
+ geometry.faceVertexUvs[0] = [];
+
+ for (let face of geometry.faces) {
let v1 = geometry.vertices[face.a],
- v2 = geometry.vertices[face.b],
- v3 = geometry.vertices[face.c];
- if(face.normal.z == 0){ //侧面
- if(range.x/range.y >= 1){
- let repY = range.y/256 >= 2 ? 256:range.y;
+ v2 = geometry.vertices[face.b],
+ v3 = geometry.vertices[face.c];
+ if (face.normal.z == 0) {
+ //侧面
+ if (range.x / range.y >= 1) {
+ let repY = range.y / 256 >= 2 ? 256 : range.y;
face.materialIndex = Math.abs(face.normal.x) < 0.7 ? 2 : 1;
- geometry.faceVertexUvs[0].push(face.materialIndex == 1 ? [
- new THREE.Vector2((v1.y + offset.y) / repY, v1.z / 512),
- new THREE.Vector2((v2.y + offset.y) / repY, v2.z / 512),
- new THREE.Vector2((v3.y + offset.y) / repY, v3.z / 512)
- ] : [
- new THREE.Vector2((v1.x + offset.x) / range.x, v1.z / 64),
- new THREE.Vector2((v2.x + offset.x) / range.x, v2.z / 64),
- new THREE.Vector2((v3.x + offset.x) / range.x, v3.z / 64)
- ]);
- }else{
+ geometry.faceVertexUvs[0].push(
+ face.materialIndex == 1
+ ? [
+ new THREE.Vector2((v1.y + offset.y) / repY, v1.z / 512),
+ new THREE.Vector2((v2.y + offset.y) / repY, v2.z / 512),
+ new THREE.Vector2((v3.y + offset.y) / repY, v3.z / 512),
+ ]
+ : [
+ new THREE.Vector2((v1.x + offset.x) / range.x, v1.z / 64),
+ new THREE.Vector2((v2.x + offset.x) / range.x, v2.z / 64),
+ new THREE.Vector2((v3.x + offset.x) / range.x, v3.z / 64),
+ ]
+ );
+ } else {
face.materialIndex = Math.abs(face.normal.x) < 0.7 ? 1 : 2;
- geometry.faceVertexUvs[0].push(face.materialIndex == 1 ? [
- new THREE.Vector2((v1.x + offset.x) / range.x, v1.z / 512),
- new THREE.Vector2((v2.x + offset.x) / range.x, v2.z / 512),
- new THREE.Vector2((v3.x + offset.x) / range.x, v3.z / 512)
- ] : [
- new THREE.Vector2((v1.y + offset.y) / range.y, v1.z / 64),
- new THREE.Vector2((v2.y + offset.y) / range.y, v2.z / 64),
- new THREE.Vector2((v3.y + offset.y) / range.y, v3.z / 64)
- ]);
+ geometry.faceVertexUvs[0].push(
+ face.materialIndex == 1
+ ? [
+ new THREE.Vector2((v1.x + offset.x) / range.x, v1.z / 512),
+ new THREE.Vector2((v2.x + offset.x) / range.x, v2.z / 512),
+ new THREE.Vector2((v3.x + offset.x) / range.x, v3.z / 512),
+ ]
+ : [
+ new THREE.Vector2((v1.y + offset.y) / range.y, v1.z / 64),
+ new THREE.Vector2((v2.y + offset.y) / range.y, v2.z / 64),
+ new THREE.Vector2((v3.y + offset.y) / range.y, v3.z / 64),
+ ]
+ );
}
- }else{ //顶面和底面
+ } else {
+ //顶面和底面
face.materialIndex = 0;
geometry.faceVertexUvs[0].push([
- new THREE.Vector2((v1.x + offset.x) / range.x*addX, (v1.y + offset.y) / range.y*addY),
- new THREE.Vector2((v2.x + offset.x) / range.x*addX, (v2.y + offset.y) / range.y*addY),
- new THREE.Vector2((v3.x + offset.x) / range.x*addX, (v3.y + offset.y) / range.y*addY)
+ new THREE.Vector2(
+ ((v1.x + offset.x) / range.x) * addX,
+ ((v1.y + offset.y) / range.y) * addY
+ ),
+ new THREE.Vector2(
+ ((v2.x + offset.x) / range.x) * addX,
+ ((v2.y + offset.y) / range.y) * addY
+ ),
+ new THREE.Vector2(
+ ((v3.x + offset.x) / range.x) * addX,
+ ((v3.y + offset.y) / range.y) * addY
+ ),
]);
}
}
geometry.uvsNeedUpdate = true;
- }
- this.packUv = function (geometry){
- geometry.computeBoundingBox();
+ };
+ this.packUv = function (geometry) {
+ geometry.computeBoundingBox();
let max = geometry.boundingBox.max,
- min = geometry.boundingBox.min;
+ min = geometry.boundingBox.min;
let offset = new THREE.Vector2(0 - min.x, 0 - min.y);
let range = new THREE.Vector2(max.x - min.x, max.y - min.y);
- geometry.faceVertexUvs[0] = [];
+ geometry.faceVertexUvs[0] = [];
let allReag = 0;
- for(let i=0; i< geometry.faces.length; i+=2){
+ for (let i = 0; i < geometry.faces.length; i += 2) {
let v1 = geometry.vertices[geometry.faces[i].a],
- v2 = geometry.vertices[geometry.faces[i].b];
- if(geometry.faces[i].normal.z == 0){ //侧面
- if(Math.abs(geometry.faces[i].normal.x) < 0.7){ //左右
- allReag+=Math.abs(v2.x-v1.x);
- }else{
- allReag+=Math.abs(v2.y-v1.y);
+ v2 = geometry.vertices[geometry.faces[i].b];
+ if (geometry.faces[i].normal.z == 0) {
+ //侧面
+ if (Math.abs(geometry.faces[i].normal.x) < 0.7) {
+ //左右
+ allReag += Math.abs(v2.x - v1.x);
+ } else {
+ allReag += Math.abs(v2.y - v1.y);
}
}
}
- for (let face of geometry.faces) {
+ for (let face of geometry.faces) {
let v1 = geometry.vertices[face.a],
- v2 = geometry.vertices[face.b],
- v3 = geometry.vertices[face.c];
- if(face.normal.z == 0){ //侧面
+ v2 = geometry.vertices[face.b],
+ v3 = geometry.vertices[face.c];
+ if (face.normal.z == 0) {
+ //侧面
face.materialIndex = 1;
- if(Math.abs(face.normal.x) < 0.7){ //前后
+ if (Math.abs(face.normal.x) < 0.7) {
+ //前后
geometry.faceVertexUvs[0].push([
new THREE.Vector2((v1.x + offset.x) / allReag, v1.z / 512),
new THREE.Vector2((v2.x + offset.x) / allReag, v2.z / 512),
- new THREE.Vector2((v3.x + offset.x) / allReag, v3.z / 512)
- ])
- }else{
+ new THREE.Vector2((v3.x + offset.x) / allReag, v3.z / 512),
+ ]);
+ } else {
geometry.faceVertexUvs[0].push([
new THREE.Vector2((v1.y + offset.y) / allReag, v1.z / 512),
new THREE.Vector2((v2.y + offset.y) / allReag, v2.z / 512),
- new THREE.Vector2((v3.y + offset.y) / allReag, v3.z / 512)
- ])
-
+ new THREE.Vector2((v3.y + offset.y) / allReag, v3.z / 512),
+ ]);
}
- }else{ //顶面和底面
+ } else {
+ //顶面和底面
face.materialIndex = 0;
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),
- new THREE.Vector2((v3.x + offset.x) / range.x, (v3.y + offset.y) / range.y)
+ 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
+ ),
+ new THREE.Vector2(
+ (v3.x + offset.x) / range.x,
+ (v3.y + offset.y) / range.y
+ ),
]);
}
}
-
- }
+ };
/**
* 检测点是否在多边形区域内
*/
this.checkBoundary = function (p, ptPolygon) {
// 判断边界方法
- let nCount = ptPolygon.length
- let nCross = 0
+ let nCount = ptPolygon.length;
+ let nCross = 0;
for (let i = 0; i < nCount; i++) {
- let p1 = ptPolygon[i] //当前节点
- let p2 = ptPolygon[(i + 1) % nCount] //下一个节点
+ let p1 = ptPolygon[i]; //当前节点
+ let p2 = ptPolygon[(i + 1) % nCount]; //下一个节点
// 求解 y=p.y 与 p1p2 的交点
if (p1.y == p2.y)
// p1p2 与 y=p0.y平行
- continue
+ continue;
if (p.y < Math.min(p1.y, p2.y))
// 交点在p1p2延长线上
- continue
+ continue;
if (p.y >= Math.max(p1.y, p2.y))
// 交点在p1p2延长线上
- continue
+ continue;
// 从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++ // 只统计单边交点
+ let x = ((p.y - p1.y) * (p2.x - p1.x)) / (p2.y - p1.y) + p1.x;
+ if (x > p.x) nCross++; // 只统计单边交点
}
// 单边交点为偶数，点在多边形之外 ---
- return nCross % 2 == 1
- }
+ return nCross % 2 == 1;
+ };
this.requestNoJM = function (params) {
- params.method = params.method || 'GET'
- let xmlhttp = new XMLHttpRequest()
+ params.method = params.method || "GET";
+ let xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
- let jsonObject
+ let jsonObject;
try {
- jsonObject = JSON.parse(xmlhttp.responseText)
+ jsonObject = JSON.parse(xmlhttp.responseText);
} catch (e) {
- params.fail()
- return
+ window.captureException && window.captureException(e);
+ params.fail();
+ return;
}
- params.success(jsonObject)
+ params.success(jsonObject);
}
- if (xmlhttp.readyState === 4 && (xmlhttp.status === 404 || xmlhttp.status === 405)) {
- params.fail()
+ if (
+ xmlhttp.readyState === 4 &&
+ (xmlhttp.status === 404 || xmlhttp.status === 405)
+ ) {
+ params.fail();
}
- }
- xmlhttp.onerror = function (e) {
- params.fail()
- }
- xmlhttp.open(params.method, params.url, true)
- //xmlhttp.setRequestHeader('Access-Control-Allow-Origin', '*')
- xmlhttp.setRequestHeader('Content-type', 'application/json')
- //xmlhttp.setRequestHeader('Access-Control-Allow-Method', 'POST,GET')
- xmlhttp.send(params.data)
- }
-
+ };
+ xmlhttp.onerror = function () {
+ params.fail();
+ };
+ xmlhttp.open(params.method, params.url, true);
+ //xmlhttp.setRequestHeader("Access-Control-Allow-Origin", "*");
+ xmlhttp.setRequestHeader("Content-type", "application/json");
+ xmlhttp.send(params.data);
+ };
+ //解密
+ this.decrypt = function (word, keyStr) {
+ keyStr = keyStr ? keyStr : "cqmyg#hdhxt!saas";
+ var key = CryptoJS.enc.Utf8.parse(keyStr); //Latin1 w8m31+Yy/Nw6thPsMpO5fg==
+ var decrypt = CryptoJS.AES.decrypt(word, key, {
+ mode: CryptoJS.mode.ECB,
+ padding: CryptoJS.pad.Pkcs7,
+ });
+ return CryptoJS.enc.Utf8.stringify(decrypt).toString();
+ };
this.timeStamp = function () {
- return parseInt(new Date().getTime() / 1000)
- }
+ return parseInt(new Date().getTime() / 1000);
+ };
this.readTextFile = function (file, callback) {
- let rawFile = new XMLHttpRequest()
- rawFile.overrideMimeType('application/json')
- rawFile.open('GET', file, true)
+ let rawFile = new XMLHttpRequest();
+ rawFile.overrideMimeType("application/json");
+ rawFile.open("GET", file, true);
rawFile.onreadystatechange = function () {
if (rawFile.readyState === 4 && rawFile.status == 200) {
try {
- let jsonObject = JSON.parse(rawFile.response)
- callback(jsonObject)
+ let jsonObject = JSON.parse(rawFile.response);
+ callback(jsonObject);
} catch (e) {
- //console.log(e);
+ window.captureException && window.captureException(e);
}
}
- }
+ };
rawFile.onerror = function () {
- callBack(null)
- }
- rawFile.send(null)
- }
-
- this.blocked = (dom, checkList, cfloor, topAd = 0, leftAd = 0) => {
- const { top, left, right, bottom } = dom.getBoundingClientRect()
- let corners = [
- [left + leftAd, top + topAd],
- [right - leftAd, top + topAd],
- [left + leftAd, bottom - topAd],
- [right - leftAd, bottom - topAd]
- ]
-
- for (let i = 0; i < corners.length; i++) {
- const [x, y] = corners[i]
- const raycaster = new THREE.Raycaster()
- const p = new THREE.Vector2()
- let ele = document.getElementById(options.containerId || 'mapContainer')
- p.x = (x / parseInt(ele.clientWidth)) * 2 - 1
- p.y = -(y / parseInt(ele.clientHeight)) * 2 + 1
-
- raycaster.setFromCamera(p, Map_QM.camera)
- let intersects = raycaster.intersectObjects(checkList)
- for (let t = 0; t < intersects.length; t++) {
- if (intersects[t].object.userData.order > cfloor) {
- return true
- }
- }
- }
- return false
- }
+ callback(null);
+ };
+ rawFile.send(null);
+ };
/**碰撞检测
* 传入A中心点和A的宽、高
* B的中心点和B的宽、高
*/
this.isCollision = function (A, B) {
- return A.x < B.x + B.width && A.x + A.width > B.x && A.y < B.y + B.height && A.y + A.height > B.y
- }
+ return (
+ A.x < B.x + B.width &&
+ A.x + A.width > B.x &&
+ A.y < B.y + B.height &&
+ A.y + A.height > B.y
+ );
+ };
this.changeParkToString = function (area) {
- let areaArr = []
+ let areaArr = [];
for (let i = 0; i < area.hasLines.length; i++) {
- let line = area.hasLines[i]
- let array = []
- array.push(line.startPoint.x, line.startPoint.y, line.endPoint.x, line.endPoint.y)
- areaArr.push(array)
+ let line = area.hasLines[i];
+ let array = [];
+ array.push(
+ line.startPoint.x,
+ line.startPoint.y,
+ line.endPoint.x,
+ line.endPoint.y
+ );
+ areaArr.push(array);
}
- return areaArr
- }
+ return areaArr;
+ };
this.changeAreaToString = function (area) {
- let areaArr = []
+ let areaArr = [];
for (let i = 0; i < area.hasLines.length; i++) {
- let line = area.hasLines[i]
- let array = []
+ let line = area.hasLines[i];
+ let array = [];
if (line.isStrLine) {
- array.push(line.startPoint.x, line.startPoint.y, line.endPoint.x, line.endPoint.y)
+ array.push(
+ line.startPoint.x,
+ line.startPoint.y,
+ line.endPoint.x,
+ line.endPoint.y
+ );
} else {
- array.push(line.startPoint.x, line.startPoint.y, line.ctrlPoint1.x, line.ctrlPoint1.y, line.ctrlPoint2.x, line.ctrlPoint2.y, line.endPoint.x, line.endPoint.y)
+ array.push(
+ line.startPoint.x,
+ line.startPoint.y,
+ line.ctrlPoint1.x,
+ line.ctrlPoint1.y,
+ line.ctrlPoint2.x,
+ line.ctrlPoint2.y,
+ line.endPoint.x,
+ line.endPoint.y
+ );
}
- areaArr.push(array)
+ areaArr.push(array);
}
- return areaArr
- }
+ return areaArr;
+ };
this.changeWallToString = function (area) {
- let areaArr = []
- let points = Map_QM.util.getWallPoints(area.pathPoints, area.thick)
+ let areaArr = [];
+ let points = Map_QM.util.getWallPoints(area.pathPoints, area.thick);
for (let i = 0; i < points.length; i++) {
- let array = []
- let pend = i == points.length - 1 ? points[0] : points[i + 1]
- array.push(points[i].x, points[i].y, pend.x, pend.y)
- areaArr.push(array)
+ let array = [];
+ let pend = i == points.length - 1 ? points[0] : points[i + 1];
+ array.push(points[i].x, points[i].y, pend.x, pend.y);
+ areaArr.push(array);
}
- return areaArr
- }
-
- this.QM_Line_Father = function (sPoint, ePoint, ctrlPoint1, ctrlPoint2, isStrLine) {
- this.startPoint = sPoint //起始点
- this.endPoint = ePoint //结束点
- this.ctrlPoint1 = ctrlPoint1
- this.ctrlPoint2 = ctrlPoint2
- this.isStrLine = isStrLine //是否是直线
- }
+ return areaArr;
+ };
+
+ this.QM_Line_Father = function (
+ sPoint,
+ ePoint,
+ ctrlPoint1,
+ ctrlPoint2,
+ isStrLine
+ ) {
+ this.startPoint = sPoint; //起始点
+ this.endPoint = ePoint; //结束点
+ this.ctrlPoint1 = ctrlPoint1;
+ this.ctrlPoint2 = ctrlPoint2;
+ this.isStrLine = isStrLine; //是否是直线
+ };
//根据配置参数转换店铺圆角
this.changeShopLinesToString = function (area) {
- let areaStr = []
- let lines = []
+ let areaStr = [];
+ let lines = [];
for (let m = 0; m < area.hasLines.length; m++) {
- let sPoint, ePoint, cPoint1, cPoint2
- sPoint = new Map_QM.util.Point(area.hasLines[m].startPoint.x, area.hasLines[m].startPoint.y)
- ePoint = new Map_QM.util.Point(area.hasLines[m].endPoint.x, area.hasLines[m].endPoint.y)
+ let sPoint, ePoint, cPoint1, cPoint2;
+ sPoint = new Map_QM.util.Point(
+ area.hasLines[m].startPoint.x,
+ area.hasLines[m].startPoint.y
+ );
+ ePoint = new Map_QM.util.Point(
+ area.hasLines[m].endPoint.x,
+ area.hasLines[m].endPoint.y
+ );
if (area.hasLines[m].isStrLine) {
- cPoint1 = null
- cPoint2 = null
+ cPoint1 = null;
+ cPoint2 = null;
} else {
- cPoint1 = new Map_QM.util.Point(area.hasLines[m].ctrlPoint1.x, area.hasLines[m].ctrlPoint1.y)
- cPoint2 = new Map_QM.util.Point(area.hasLines[m].ctrlPoint2.x, area.hasLines[m].ctrlPoint2.y)
+ cPoint1 = new Map_QM.util.Point(
+ area.hasLines[m].ctrlPoint1.x,
+ area.hasLines[m].ctrlPoint1.y
+ );
+ cPoint2 = new Map_QM.util.Point(
+ area.hasLines[m].ctrlPoint2.x,
+ area.hasLines[m].ctrlPoint2.y
+ );
}
- let line = new Map_QM.util.QM_Line_Father(sPoint, ePoint, cPoint1, cPoint2, area.hasLines[m].isStrLine)
- lines.push(line)
+ let line = new Map_QM.util.QM_Line_Father(
+ sPoint,
+ ePoint,
+ cPoint1,
+ cPoint2,
+ area.hasLines[m].isStrLine
+ );
+ lines.push(line);
}
for (let i = 0; i < lines.length; i++) {
- let line0 = lines[i]
- let line1 = i < lines.length - 1 ? lines[i + 1] : lines[0]
+ let line0 = lines[i];
+ let line1 = i < lines.length - 1 ? lines[i + 1] : lines[0];
if (Map_QM.util.options.aRadius > 2) {
- if (
- line0.isStrLine &&
- line1.isStrLine &&
- Math.abs(line0.endPoint.x - line0.startPoint.x) + Math.abs(line0.endPoint.y - line0.startPoint.y) > parseInt(Map_QM.util.options.aRadius) * 2
- ) {
- let x1 = line0.endPoint.x
- let y1 = line0.endPoint.y
- let x2 = line0.startPoint.x
- let y2 = line0.startPoint.y
- let x3 = line1.endPoint.x
- let y3 = line1.endPoint.y
+ if (line0.isStrLine &&line1.isStrLine &&Math.abs(line0.endPoint.x - line0.startPoint.x) + Math.abs(line0.endPoint.y - line0.startPoint.y) > parseInt(Map_QM.util.options.aRadius) * 2) {
+ let x1 = line0.endPoint.x;
+ let y1 = line0.endPoint.y;
+ let x2 = line0.startPoint.x;
+ let y2 = line0.startPoint.y;
+ let x3 = line1.endPoint.x;
+ let y3 = line1.endPoint.y;
if (Math.abs((x3 - x1) / (x2 - x1) - (y3 - y1) / (y2 - y1)) < 0.1) {
- let yArr = []
- yArr.push(line0.startPoint.x, line0.startPoint.y, line0.endPoint.x, line0.endPoint.y)
- areaStr.push(yArr)
- continue
+ let yArr = [];
+ yArr.push(line0.startPoint.x,line0.startPoint.y, line0.endPoint.x, line0.endPoint.y);
+ areaStr.push(yArr);
+ continue;
}
- let result = Map_QM.util.getIncircleByLines(x1, y1, x2, y2, x3, y3, Map_QM.util.options.aRadius)
- let bezierResult = Map_QM.util.getBezier(
- result.center.x,
- result.center.y,
- result.tangencyPoints[0].x,
- result.tangencyPoints[0].y,
- result.tangencyPoints[1].x,
- result.tangencyPoints[1].y,
- x1,
- y1,
- Map_QM.util.options.aRadius
- )
+ let result = Map_QM.util.getIncircleByLines(x1,y1,x2,y2,x3,y3,Map_QM.util.options.aRadius);
+ let bezierResult = Map_QM.util.getBezier(result.center.x,result.center.y, result.tangencyPoints[0].x, result.tangencyPoints[0].y, result.tangencyPoints[1].x, result.tangencyPoints[1].y, x1, y1, Map_QM.util.options.aRadius);
if (i > 0) {
let ctrlPoint1,
ctrlPoint2,
- array = []
- ctrlPoint1 = ctrlPoint2 = new Map_QM.util.Point(
- ((bezierResult[0].x - line0.startPoint.x) / 2 + line0.startPoint.x) >> 0,
- ((bezierResult[0].y - line0.startPoint.y) / 2 + line0.startPoint.y) >> 0
- ) //控制点
- array.push(line0.startPoint.x, line0.startPoint.y, ctrlPoint1.x, ctrlPoint1.y, ctrlPoint2.x, ctrlPoint2.y, bezierResult[0].x, bezierResult[0].y)
- areaStr.push(array)
+ array = [];
+ ctrlPoint1 = ctrlPoint2 = new Map_QM.util.Point(((bezierResult[0].x - line0.startPoint.x) / 2 + line0.startPoint.x) >>0, ((bezierResult[0].y - line0.startPoint.y) / 2 +line0.startPoint.y) >> 0); //控制点
+ array.push(
+ line0.startPoint.x,
+ line0.startPoint.y,
+ ctrlPoint1.x,
+ ctrlPoint1.y,
+ ctrlPoint2.x,
+ ctrlPoint2.y,
+ bezierResult[0].x,
+ bezierResult[0].y
+ );
+ areaStr.push(array);
} else {
- lines[0].endPoint.x = bezierResult[0].x
- lines[0].endPoint.y = bezierResult[0].y
+ lines[0].endPoint.x = bezierResult[0].x;
+ lines[0].endPoint.y = bezierResult[0].y;
}
- let arr = []
- arr.push(bezierResult[0].x, bezierResult[0].y, bezierResult[1].x, bezierResult[1].y, bezierResult[2].x, bezierResult[2].y, bezierResult[3].x, bezierResult[3].y)
- areaStr.push(arr)
- line1.startPoint.x = bezierResult[3].x
- line1.startPoint.y = bezierResult[3].y
+ let arr = [];
+ arr.push(
+ bezierResult[0].x,
+ bezierResult[0].y,
+ bezierResult[1].x,
+ bezierResult[1].y,
+ bezierResult[2].x,
+ bezierResult[2].y,
+ bezierResult[3].x,
+ bezierResult[3].y
+ );
+ areaStr.push(arr);
+ line1.startPoint.x = bezierResult[3].x;
+ line1.startPoint.y = bezierResult[3].y;
} else {
/////////////////////////////
if (i != 0) {
- let pArr = []
+ let pArr = [];
if (line0.isStrLine) {
- pArr.push(line0.startPoint.x, line0.startPoint.y, line0.endPoint.x, line0.endPoint.y)
+ pArr.push(
+ line0.startPoint.x,
+ line0.startPoint.y,
+ line0.endPoint.x,
+ line0.endPoint.y
+ );
} else {
pArr.push(
line0.startPoint.x,
@@ -673,420 +753,476 @@ QMUtil = function () {
line0.ctrlPoint2.y,
line0.endPoint.x,
line0.endPoint.y
- )
+ );
}
- areaStr.push(pArr)
+ areaStr.push(pArr);
}
}
if (i == lines.length - 1) {
let ocPoint1,
ocPoint2,
- oArr = []
+ oArr = [];
if (line1.isStrLine) {
- oArr.push(line1.startPoint.x, line1.startPoint.y, line1.endPoint.x, line1.endPoint.y)
+ oArr.push(
+ line1.startPoint.x,
+ line1.startPoint.y,
+ line1.endPoint.x,
+ line1.endPoint.y
+ );
} else {
- ocPoint1 = new Map_QM.util.Point(line1.ctrlPoint1.x, line1.ctrlPoint1.y)
- ocPoint2 = new Map_QM.util.Point(line1.ctrlPoint2.x, line1.ctrlPoint2.y)
- oArr.push(line1.startPoint.x, line1.startPoint.y, ocPoint1.x, ocPoint1.y, ocPoint2.x, ocPoint2.y, line1.endPoint.x, line1.endPoint.y)
+ ocPoint1 = new Map_QM.util.Point(line1.ctrlPoint1.x,line1.ctrlPoint1.y);
+ ocPoint2 = new Map_QM.util.Point(line1.ctrlPoint2.x,line1.ctrlPoint2.y);
+ oArr.push(
+ line1.startPoint.x,
+ line1.startPoint.y,
+ ocPoint1.x,
+ ocPoint1.y,
+ ocPoint2.x,
+ ocPoint2.y,
+ line1.endPoint.x,
+ line1.endPoint.y
+ );
}
- areaStr.push(oArr)
+ areaStr.push(oArr);
}
} else {
- let yArr = []
+ let yArr = [];
if (line0.isStrLine) {
- yArr.push(line0.startPoint.x, line0.startPoint.y, line0.endPoint.x, line0.endPoint.y)
+ yArr.push(line0.startPoint.x, line0.startPoint.y, line0.endPoint.x,line0.endPoint.y);
} else {
yArr.push(
- line0.startPoint.x,
- line0.startPoint.y,
- line0.ctrlPoint1.x,
- line0.ctrlPoint1.y,
- line0.ctrlPoint2.x,
- line0.ctrlPoint2.y,
- line0.endPoint.x,
- line0.endPoint.y
- )
+ line0.startPoint.x,line0.startPoint.y,
+ line0.ctrlPoint1.x,line0.ctrlPoint1.y,
+ line0.ctrlPoint2.x, line0.ctrlPoint2.y,
+ line0.endPoint.x, line0.endPoint.y
+ );
}
- areaStr.push(yArr)
+ areaStr.push(yArr);
}
}
- return areaStr
- }
+ return areaStr;
+ };
//根据圆心、两个切点、切点相交线顶点和半径 计算三次贝塞尔曲线的控制点
this.getBezier = function (x1, y1, x2, y2, x3, y3, x4, y4, radius) {
//切线向量A
- var vectorAx = x2 - x1
- var vectorAy = y2 - y1
+ var vectorAx = x2 - x1;
+ var vectorAy = y2 - y1;
//切线向量B
- var vectorBx = x3 - x1
- var vectorBy = y3 - y1
+ var vectorBx = x3 - x1;
+ var vectorBy = y3 - y1;
//计算切点和圆形组成相交线的夹角
var angle = Math.acos(
- (vectorAx * vectorBx + vectorAy * vectorBy) / (Math.sqrt(vectorAx * vectorAx + vectorAy * vectorAy) * Math.sqrt(vectorBx * vectorBx + vectorBy * vectorBy))
- )
+ (vectorAx * vectorBx + vectorAy * vectorBy) /
+ (Math.sqrt(vectorAx * vectorAx + vectorAy * vectorAy) *
+ Math.sqrt(vectorBx * vectorBx + vectorBy * vectorBy))
+ );
//计算切点到控制点的距离
- var tempDistence = (4 / 3) * radius * Math.tan(angle / 4)
+ var tempDistence = (4 / 3) * radius * Math.tan(angle / 4);
return [
{
x: x2,
- y: y2
+ y: y2,
},
Map_QM.util.getPointFromLine(x2, y2, x4, y4, tempDistence),
Map_QM.util.getPointFromLine(x3, y3, x4, y4, tempDistence),
{
x: x3,
- y: y3
- }
- ]
- }
+ y: y3,
+ },
+ ];
+ };
//根据半径计算两条线段相切圆的圆心和切点坐标
this.getIncircleByLines = function (x1, y1, x2, y2, x3, y3, radius) {
//向量夹角
- let angle = Map_QM.util.getVectorAngle(x2 - x1, y2 - y1, x3 - x1, y3 - y1)
- angle = (angle > 180 ? 360 - angle : angle) / 2
+ let angle = Map_QM.util.getVectorAngle(x2 - x1, y2 - y1, x3 - x1, y3 - y1);
+ angle = (angle > 180 ? 360 - angle : angle) / 2;
//根据夹角计算侧边切点相对于顶点距离
- let distance = radius / Math.tan((Math.PI * angle) / 180)
+ let distance = radius / Math.tan((Math.PI * angle) / 180);
//计算侧边相切点具体坐标
- let tangencyPoints = [Map_QM.util.getPointFromLine(x1, y1, x2, y2, distance), Map_QM.util.getPointFromLine(x1, y1, x3, y3, distance)]
+ let tangencyPoints = [
+ Map_QM.util.getPointFromLine(x1, y1, x2, y2, distance),
+ Map_QM.util.getPointFromLine(x1, y1, x3, y3, distance),
+ ];
- let centerX, centerY
- let areaSize = (x2 - x1) * (y3 - y1) - (y2 - y1) * (x3 - x1)
+ let centerX, centerY;
+ let areaSize = (x2 - x1) * (y3 - y1) - (y2 - y1) * (x3 - x1);
//计算圆心坐标
if (areaSize < 0) {
- centerX = (tangencyPoints[0].x * (1 / Math.tan((Math.PI * angle) / 180)) + tangencyPoints[0].y - y1) / (1 / Math.tan((Math.PI * angle) / 180))
- centerY = (tangencyPoints[0].y * (1 / Math.tan((Math.PI * angle) / 180)) + x1 - tangencyPoints[0].x) / (1 / Math.tan((Math.PI * angle) / 180))
+ centerX =
+ (tangencyPoints[0].x * (1 / Math.tan((Math.PI * angle) / 180)) +
+ tangencyPoints[0].y -y1) /(1 / Math.tan((Math.PI * angle) / 180));
+ centerY = (tangencyPoints[0].y * (1 / Math.tan((Math.PI * angle) / 180)) + x1 - tangencyPoints[0].x) /(1 / Math.tan((Math.PI * angle) / 180));
} else {
- centerX = (tangencyPoints[1].x * (1 / Math.tan((Math.PI * angle) / 180)) + tangencyPoints[1].y - y1) / (1 / Math.tan((Math.PI * angle) / 180))
- centerY = (tangencyPoints[1].y * (1 / Math.tan((Math.PI * angle) / 180)) + x1 - tangencyPoints[1].x) / (1 / Math.tan((Math.PI * angle) / 180))
+ centerX = (tangencyPoints[1].x * (1 / Math.tan((Math.PI * angle) / 180)) +tangencyPoints[1].y -y1) / (1 / Math.tan((Math.PI * angle) / 180));
+ centerY = (tangencyPoints[1].y * (1 / Math.tan((Math.PI * angle) / 180)) + x1 -tangencyPoints[1].x) /(1 / Math.tan((Math.PI * angle) / 180));
}
return {
center: {
x: centerX,
- y: centerY
+ y: centerY,
},
tangencyPoints: tangencyPoints,
- angle: (Math.PI * angle) / 90
- }
- }
+ angle: (Math.PI * angle) / 90,
+ };
+ };
//根据距离计算线段上某一点的具体坐标
this.getPointFromLine = function (startX, startY, endX, endY, distance) {
if (startX == endX)
return {
x: startX,
- y: startY < endY ? startY + distance : startY - distance
- }
-
- let k = ((startY - endY) * 1.0) / (startX - endX)
- let b = startY - k * startX
- let A = Math.pow(k, 2) + 1
- let B = 2 * ((b - startY) * k - startX)
- let C = Math.pow(b - startY, 2) + Math.pow(startX, 2) - Math.pow(distance, 2)
- let x1 = (-B + Math.sqrt(Math.pow(B, 2) - 4 * A * C)) / (2 * A)
- let x2 = (-B - Math.sqrt(Math.pow(B, 2) - 4 * A * C)) / (2 * A)
- let x = 0
-
- if (x1 == x2) x = x1
- else if ((startX <= x1 && x1 <= endX) || (endX <= x1 && x1 <= startX)) x = x1
- else if ((startX <= x2 && x2 <= endX) || (endX <= x2 && x2 <= startX)) x = x2
-
- let y = k * x + b
+ y: startY < endY ? startY + distance : startY - distance,
+ };
+
+ let k = ((startY - endY) * 1.0) / (startX - endX);
+ let b = startY - k * startX;
+ let A = Math.pow(k, 2) + 1;
+ let B = 2 * ((b - startY) * k - startX);
+ let C =
+ Math.pow(b - startY, 2) + Math.pow(startX, 2) - Math.pow(distance, 2);
+ let x1 = (-B + Math.sqrt(Math.pow(B, 2) - 4 * A * C)) / (2 * A);
+ let x2 = (-B - Math.sqrt(Math.pow(B, 2) - 4 * A * C)) / (2 * A);
+ let x = 0;
+
+ if (x1 == x2) x = x1;
+ else if ((startX <= x1 && x1 <= endX) || (endX <= x1 && x1 <= startX))
+ x = x1;
+ else if ((startX <= x2 && x2 <= endX) || (endX <= x2 && x2 <= startX))
+ x = x2;
+
+ let y = k * x + b;
return {
x: x,
- y: y
- }
- }
+ y: y,
+ };
+ };
//计算两个向量之间的夹角
this.getVectorAngle = function (x1, y1, x2, y2) {
- let epsilon = 1.0e-6
- let dist, dot, degree, angle
- dist = Math.sqrt(x1 * x1 + y1 * y1)
- x1 /= dist
- y1 /= dist
- dist = Math.sqrt(x2 * x2 + y2 * y2)
- x2 /= dist
- y2 /= dist
- dot = x1 * x2 + y1 * y2
- if (Math.abs(dot - 1.0) <= epsilon) angle = 0
- else if (Math.abs(dot + 1.0) <= epsilon) angle = Math.PI
+ let epsilon = 1.0e-6;
+ let dist, dot, degree, angle;
+ dist = Math.sqrt(x1 * x1 + y1 * y1);
+ x1 /= dist;
+ y1 /= dist;
+ dist = Math.sqrt(x2 * x2 + y2 * y2);
+ x2 /= dist;
+ y2 /= dist;
+ dot = x1 * x2 + y1 * y2;
+ if (Math.abs(dot - 1.0) <= epsilon) angle = 0;
+ else if (Math.abs(dot + 1.0) <= epsilon) angle = Math.PI;
else {
- angle = Math.acos(dot)
- let cross = x1 * y2 - x2 * y1
- if (cross < 0) angle = 2 * Math.PI - angle
+ angle = Math.acos(dot);
+ let cross = x1 * y2 - x2 * y1;
+ if (cross < 0) angle = 2 * Math.PI - angle;
}
- degree = (angle * 180) / Math.PI
- return degree
- }
+ degree = (angle * 180) / Math.PI;
+ return degree;
+ };
//检测区域是否在区域内 true (area2包含area)
this.checkAreaInArea = function (area, area2) {
- let ptPolygon = []
+ if (!area2.hasLines || !area.hasLines) {
+ return false;
+ }
+ let ptPolygon = [];
for (let i = 0; i < area2.hasLines.length; i++) {
- let line = area2.hasLines[i]
- let pArr
+ let line = area2.hasLines[i];
+ let pArr;
if (line.isStrLine) {
- pArr = Map_QM.util.getPointArrOnLine(line.startPoint, line.endPoint)
+ pArr = Map_QM.util.getPointArrOnLine(line.startPoint, line.endPoint);
} else {
- pArr = Map_QM.util.getPointArr(line.startPoint, line.ctrlPoint1, line.ctrlPoint2, line.endPoint, 0.1)
+ pArr = Map_QM.util.getPointArr(line.startPoint, line.ctrlPoint1,line.ctrlPoint2,line.endPoint,0.1);
}
- ptPolygon.push(...pArr)
+ ptPolygon.push(...pArr);
}
for (let f = 0; f < area.hasLines.length; f++) {
- let line2 = area.hasLines[f]
- let sPoint = Map_QM.util.checkBoundary(new Map_QM.util.Point(line2.startPoint.x, line2.startPoint.y), ptPolygon)
- let ePoint = Map_QM.util.checkBoundary(new Map_QM.util.Point(line2.endPoint.x, line2.endPoint.y), ptPolygon)
+ let line2 = area.hasLines[f];
+ let sPoint = Map_QM.util.checkBoundary(new Map_QM.util.Point(line2.startPoint.x, line2.startPoint.y),ptPolygon);
+ let ePoint = Map_QM.util.checkBoundary(new Map_QM.util.Point(line2.endPoint.x, line2.endPoint.y),ptPolygon);
if (!sPoint || !ePoint) {
- return false
+ return false;
}
}
- return true
- }
+ return true;
+ };
/**
* 返回取得点的数组
* s1--起点 s2 --终点 s3,s4 --控制点
*/
this.getPointArr = function (s1, s3, s4, s2, sp = 0.01) {
- let pArr = []
- let sz = [s1, s3, s4, s2]
- let p
+ let pArr = [];
+ let sz = [s1, s3, s4, s2];
+ let p;
for (let j = 0; j < 1; j += sp) {
- p = Map_QM.util.P_BEZ(j, sz)
- pArr.push(p)
+ p = Map_QM.util.P_BEZ(j, sz);
+ pArr.push(p);
}
- return pArr
- }
+ return pArr;
+ };
this.P_BEZ = function (t, sz) {
//n次
- let x_p = 0
- let y_p = 0
- let n = sz.length
+ let x_p = 0;
+ let y_p = 0;
+ let n = sz.length;
for (let i = 0; i < sz.length; i++) {
- let son = Map_QM.util.jie_cheng(n - 1)
- let mother = Map_QM.util.jie_cheng(i) * Map_QM.util.jie_cheng(n - 1 - i)
- let b = (son / mother) * Math.pow(t, i) * Math.pow(1 - t, n - 1 - i)
- x_p += sz[i].x * b
- y_p += sz[i].y * b
+ let son = Map_QM.util.jie_cheng(n - 1);
+ let mother = Map_QM.util.jie_cheng(i) * Map_QM.util.jie_cheng(n - 1 - i);
+ let b = (son / mother) * Math.pow(t, i) * Math.pow(1 - t, n - 1 - i);
+ x_p += sz[i].x * b;
+ y_p += sz[i].y * b;
}
- x_p = Number(x_p * 1000) / 1000
- y_p = Number(y_p * 1000) / 1000
- return new Map_QM.util.Point(x_p, y_p)
- }
+ x_p = Number(x_p * 1000) / 1000;
+ y_p = Number(y_p * 1000) / 1000;
+ return new Map_QM.util.Point(x_p, y_p);
+ };
this.jie_cheng = function (i) {
//阶乘
- let n = 1
+ let n = 1;
for (let j = 1; j <= i; j++) {
- n *= j
+ n *= j;
}
- return n
- }
+ return n;
+ };
/**
* 获取线段上的所有点
*/
this.getPointArrOnLine = function (s1, s2) {
- let points = []
+ let points = [];
if (s1.x == s2.x) {
- let vy = s1.y < s2.y ? 1 : -1
+ let vy = s1.y < s2.y ? 1 : -1;
for (let m = 1; m < Math.abs(s1.y - s2.y); m++) {
- let y0 = s1.y + m * vy
- let x0 = s1.x
- points.push(new Map_QM.util.Point(x0, y0))
+ let y0 = s1.y + m * vy;
+ let x0 = s1.x;
+ points.push(new Map_QM.util.Point(x0, y0));
}
- return points
+ return points;
}
- let k = (s1.y - s2.y) / (s1.x - s2.x) // 坐标直线斜率k
- let b = s1.y - k * s1.x // 坐标直线b
+ let k = (s1.y - s2.y) / (s1.x - s2.x); // 坐标直线斜率k
+ let b = s1.y - k * s1.x; // 坐标直线b
if (Math.abs(s1.x - s2.x) > Math.abs(s1.y - s2.y)) {
- let vx = s1.x < s2.x ? 1 : -1
+ let vx = s1.x < s2.x ? 1 : -1;
for (let i = 1; i < Math.abs(s1.x - s2.x); i++) {
- let x0 = s1.x + i * vx
- let y0 = k * x0 + b
- points.push(new Map_QM.util.Point(x0, y0))
+ let x0 = s1.x + i * vx;
+ let y0 = k * x0 + b;
+ points.push(new Map_QM.util.Point(x0, y0));
}
} else {
- let vy = s1.y < s2.y ? 1 : -1
+ let vy = s1.y < s2.y ? 1 : -1;
for (let n = 1; n < Math.abs(s1.y - s2.y); n++) {
- let y0 = s1.y + n * vy
- let x0 = (y0 - b) / k
- points.push(new Map_QM.util.Point(x0, y0))
+ let y0 = s1.y + n * vy;
+ let x0 = (y0 - b) / k;
+ points.push(new Map_QM.util.Point(x0, y0));
}
}
- return points
- }
+ return points;
+ };
//转换公共设施type值
this.getFacType = function (str) {
for (let i = 0; i < typeObj.length; i++) {
if (typeObj[i].code && typeObj[i].code == str) {
- return typeObj[i].type
+ return typeObj[i].type;
}
}
- }
+ };
this.getFacName = function (str) {
for (let i = 0; i < typeObj.length; i++) {
if (typeObj[i].code && typeObj[i].code == str) {
- return typeObj[i].name
+ return typeObj[i].name;
}
}
- }
+ };
//店铺排序
this.sortShopByFloor = function (a, b) {
- return a.floorOrder < b.floorOrder ? -1 : 1
- }
+ return a.floorOrder < b.floorOrder ? -1 : 1;
+ };
this.sortNode = function (a, b) {
- return a.id - b.id
- }
+ return a.id - b.id;
+ };
////////////////////////////////////////////////////////////////////////////////////////////
this.getWallPoints = function (points, wallWidth) {
if (points.length < 2) {
- return new Array()
+ return new Array();
}
//构建线段列表
- let lines = new Array()
+ let lines = new Array();
for (let index = 0; index < points.length - 1; index++) {
- let startPoint = points[index]
- let endPoint = points[index + 1]
- let line = Map_QM.util.getParallelLine(startPoint, endPoint, wallWidth)
- lines.push(line)
+ let startPoint = points[index];
+ let endPoint = points[index + 1];
+ let line = Map_QM.util.getParallelLine(startPoint, endPoint, wallWidth);
+ lines.push(line);
}
//生成线段对应的左右两侧平行线
for (let index = 0; index < lines.length - 1; index++) {
- let start = lines[index]
- let end = lines[index + 1]
- if (start.leftParLine != null && start.rightParLine != null && end.leftParLine != null && end.rightParLine != null) {
- start.leftPoint = Map_QM.util.getIntersectionByLines(start.leftParLine, end.leftParLine)
- start.rightPoint = Map_QM.util.getIntersectionByLines(start.rightParLine, end.rightParLine)
+ let start = lines[index];
+ let end = lines[index + 1];
+ if (
+ start.leftParLine != null &&
+ start.rightParLine != null &&
+ end.leftParLine != null &&
+ end.rightParLine != null
+ ) {
+ start.leftPoint = Map_QM.util.getIntersectionByLines(
+ start.leftParLine,
+ end.leftParLine
+ );
+ start.rightPoint = Map_QM.util.getIntersectionByLines(
+ start.rightParLine,
+ end.rightParLine
+ );
}
}
//循环线段列表 获取墙体所有点位 顺序为 左侧起始点->左侧所有交点->左侧结束点->右侧结束点->右侧所有交点->右侧起始点
- let leftPointList = new Array()
- let rightPointList = new Array()
+ let leftPointList = new Array();
+ let rightPointList = new Array();
for (let index = 0; index < lines.length; index++) {
//第一条线段 记录左右两侧平行线的起点坐标
if (index == 0) {
- leftPointList.push(lines[index].leftParLine.start)
- rightPointList.push(lines[index].rightParLine.start)
+ leftPointList.push(lines[index].leftParLine.start);
+ rightPointList.push(lines[index].rightParLine.start);
}
//最后一条线段 记录左右两侧平行线的终点坐标
if (index == lines.length - 1) {
- leftPointList.push(lines[index].leftParLine.end)
- rightPointList.push(lines[index].rightParLine.end)
+ leftPointList.push(lines[index].leftParLine.end);
+ rightPointList.push(lines[index].rightParLine.end);
} else {
//记录线段左右平行线交点坐标
- if (!isNaN(lines[index].leftPoint.x) || !isNaN(lines[index].leftPoint.y) || !isNaN(lines[index].rightPoint.x) || !isNaN(lines[index].rightPoint.y)) {
- leftPointList.push(lines[index].leftPoint)
- rightPointList.push(lines[index].rightPoint)
+ if (
+ !isNaN(lines[index].leftPoint.x) ||
+ !isNaN(lines[index].leftPoint.y) ||
+ !isNaN(lines[index].rightPoint.x) ||
+ !isNaN(lines[index].rightPoint.y)
+ ) {
+ leftPointList.push(lines[index].leftPoint);
+ rightPointList.push(lines[index].rightPoint);
}
}
}
- rightPointList.reverse()
- return leftPointList.concat(rightPointList)
- }
+ rightPointList.reverse();
+ return leftPointList.concat(rightPointList);
+ };
//生成线段左右两侧的平行线
this.getParallelLine = function (start, end, wallWidth) {
- let line = new Map_QM.util.WallLine(start, end)
+ let line = new Map_QM.util.WallLine(start, end);
//计算当前线段的斜率
- let gradient = (start.y - end.y) / (start.x - end.x)
+ let gradient = (start.y - end.y) / (start.x - end.x);
//计算垂直线的斜率
- let perGradient = -1 / gradient
+ let perGradient = -1 / gradient;
//获取垂直线上左右两侧 与当前点位相距一定距离的两个定点
- let startResult = Map_QM.util.getParallelPoints(perGradient, start, wallWidth)
- let endResult = Map_QM.util.getParallelPoints(perGradient, end, wallWidth)
- let x1 = startResult[0].x
- let y1 = startResult[0].y
- let x2 = endResult[0].x
- let y2 = endResult[0].y
- let x3 = end.x
- let y3 = end.y
- let x4 = startResult[1].x
- let y4 = startResult[1].y
- let x5 = endResult[1].x
- let y5 = endResult[1].y
- let s = (x1 - x3) * (y2 - y3) - (y1 - y3) * (x2 - x3)
+ let startResult = Map_QM.util.getParallelPoints( perGradient, start, wallWidth);
+ let endResult = Map_QM.util.getParallelPoints(perGradient, end, wallWidth);
+ let x1 = startResult[0].x;
+ let y1 = startResult[0].y;
+ let x2 = endResult[0].x;
+ let y2 = endResult[0].y;
+ let x3 = end.x;
+ let y3 = end.y;
+ let x4 = startResult[1].x;
+ let y4 = startResult[1].y;
+ let x5 = endResult[1].x;
+ let y5 = endResult[1].y;
+ let s = (x1 - x3) * (y2 - y3) - (y1 - y3) * (x2 - x3);
//判断点位位于线段的左侧还是右侧
if (s >= 0) {
- line.leftParLine = new Map_QM.util.WallLine(new Map_QM.util.Point(x1, y1), new Map_QM.util.Point(x2, y2))
- line.rightParLine = new Map_QM.util.WallLine(new Map_QM.util.Point(x4, y4), new Map_QM.util.Point(x5, y5))
+ line.leftParLine = new Map_QM.util.WallLine(new Map_QM.util.Point(x1, y1), new Map_QM.util.Point(x2, y2));
+ line.rightParLine = new Map_QM.util.WallLine(new Map_QM.util.Point(x4, y4), new Map_QM.util.Point(x5, y5));
} else {
- line.leftParLine = new Map_QM.util.WallLine(new Map_QM.util.Point(x4, y4), new Map_QM.util.Point(x5, y5))
- line.rightParLine = new Map_QM.util.WallLine(new Map_QM.util.Point(x1, y1), new Map_QM.util.Point(x2, y2))
+ line.leftParLine = new Map_QM.util.WallLine(new Map_QM.util.Point(x4, y4), new Map_QM.util.Point(x5, y5));
+ line.rightParLine = new Map_QM.util.WallLine(new Map_QM.util.Point(x1, y1), new Map_QM.util.Point(x2, y2));
}
- return line
- }
+ return line;
+ };
// 生成线段起始 和 结束 点位 对应的 两条 与线段垂直的直线 并记录坐标
this.getParallelPoints = function (gradient, point, wallWidth) {
- let x, y
+ let x, y;
//斜率为无穷大时 计算不了垂直线 指定点位
if (gradient == Number.NEGATIVE_INFINITY || gradient == Number.POSITIVE_INFINITY) {
- x = point.x
- y = point.y + 5
+ x = point.x;
+ y = point.y + 5;
} else {
//不是横线时 根据斜率计算点位
- x = point.x + 5
- y = gradient * (x - point.x) + point.y
+ x = point.x + 5;
+ y = gradient * (x - point.x) + point.y;
}
- return Map_QM.util.pointXY(point, new Map_QM.util.Point(x, y), wallWidth / 2)
- }
+ return Map_QM.util.pointXY(
+ point,
+ new Map_QM.util.Point(x, y),
+ wallWidth / 2
+ );
+ };
// 获取点位在直线上的坐标
this.pointXY = function (curPoint, nextPoint, length) {
- let result = new Array()
+ let result = new Array();
//x值相等 说明是竖线 只需增减y轴坐标
if (curPoint.x == nextPoint.x) {
- result.push(new Map_QM.util.Point(curPoint.x, curPoint.y + length))
- result.push(new Map_QM.util.Point(curPoint.x, curPoint.y - length))
- return result
+ result.push(new Map_QM.util.Point(curPoint.x, curPoint.y + length));
+ result.push(new Map_QM.util.Point(curPoint.x, curPoint.y - length));
+ return result;
}
//根据 斜率 和 距离 计算出对应的两个点位
- let k = (curPoint.y - nextPoint.y) / (curPoint.x - nextPoint.x)
- let b = curPoint.y - k * curPoint.x
- let A = Math.pow(k, 2) + 1
- let B = 2 * ((b - curPoint.y) * k - curPoint.x)
- let C = Math.pow(b - curPoint.y, 2) + Math.pow(curPoint.x, 2) - Math.pow(length, 2)
- let x1 = (-B + Math.sqrt(Math.pow(B, 2) - 4 * A * C)) / (2 * A)
- let x2 = (-B - Math.sqrt(Math.pow(B, 2) - 4 * A * C)) / (2 * A)
-
- result.push(new Map_QM.util.Point(x1, k * x1 + b))
- result.push(new Map_QM.util.Point(x2, k * x2 + b))
- return result
- }
+ let k = (curPoint.y - nextPoint.y) / (curPoint.x - nextPoint.x);
+ let b = curPoint.y - k * curPoint.x;
+ let A = Math.pow(k, 2) + 1;
+ let B = 2 * ((b - curPoint.y) * k - curPoint.x);
+ let C =
+ Math.pow(b - curPoint.y, 2) +
+ Math.pow(curPoint.x, 2) -
+ Math.pow(length, 2);
+ let x1 = (-B + Math.sqrt(Math.pow(B, 2) - 4 * A * C)) / (2 * A);
+ let x2 = (-B - Math.sqrt(Math.pow(B, 2) - 4 * A * C)) / (2 * A);
+
+ result.push(new Map_QM.util.Point(x1, k * x1 + b));
+ result.push(new Map_QM.util.Point(x2, k * x2 + b));
+ return result;
+ };
//计算两条直线的相交点
this.getIntersectionByLines = function (line1, line2) {
//直线斜率
- let gradient1 = (line1.end.y - line1.start.y) / (line1.end.x - line1.start.x)
- let gradient2 = (line2.end.y - line2.start.y) / (line2.end.x - line2.start.x)
+ let gradient1 =
+ (line1.end.y - line1.start.y) / (line1.end.x - line1.start.x);
+ let gradient2 =
+ (line2.end.y - line2.start.y) / (line2.end.x - line2.start.x);
//斜率差值小于一定范围 表示两条线近似平行 因为交点太远 可能超出屏幕 直接取线段中点为交点
- if (Math.abs(gradient1 - gradient2) < 0.1) return new Map_QM.util.Point(line1.end.x, line1.end.y)
- let x1 = line1.start.x
- let y1 = line1.start.y
- let x2 = line1.end.x
- let y2 = line1.end.y
- let x3 = line2.start.x
- let y3 = line2.start.y
- let x4 = line2.end.x
- let y4 = line2.end.y
+ if (Math.abs(gradient1 - gradient2) < 0.1)
+ return new Map_QM.util.Point(line1.end.x, line1.end.y);
+ let x1 = line1.start.x;
+ let y1 = line1.start.y;
+ let x2 = line1.end.x;
+ let y2 = line1.end.y;
+ let x3 = line2.start.x;
+ let y3 = line2.start.y;
+ let x4 = line2.end.x;
+ let y4 = line2.end.y;
//计算交点坐标
- let x = ((x1 - x2) * (x3 * y4 - x4 * y3) - (x3 - x4) * (x1 * y2 - x2 * y1)) / ((x3 - x4) * (y1 - y2) - (x1 - x2) * (y3 - y4))
- let y = ((y1 - y2) * (x3 * y4 - x4 * y3) - (x1 * y2 - x2 * y1) * (y3 - y4)) / ((y1 - y2) * (x3 - x4) - (x1 - x2) * (y3 - y4))
- return new Map_QM.util.Point(x, y)
- }
-
+ let x =
+ ((x1 - x2) * (x3 * y4 - x4 * y3) - (x3 - x4) * (x1 * y2 - x2 * y1)) /
+ ((x3 - x4) * (y1 - y2) - (x1 - x2) * (y3 - y4));
+ let y =
+ ((y1 - y2) * (x3 * y4 - x4 * y3) - (x1 * y2 - x2 * y1) * (y3 - y4)) /
+ ((y1 - y2) * (x3 - x4) - (x1 - x2) * (y3 - y4));
+ return new Map_QM.util.Point(x, y);
+ };
/**
* 根据色值获取材质
*/
this.getMeshMaterial = function (color, alphaModle = 0.9) {
- let meshMaterial
+ let meshMaterial;
for (let k = 0; k < Map_QM.util.meshMaterialArr.length; k++) {
- let color2 = new THREE.Color(color)
- if (Map_QM.util.meshMaterialArr[k].color && Map_QM.util.meshMaterialArr[k].color.equals(color2) && Map_QM.util.meshMaterialArr[k].opacity == alphaModle) {
- meshMaterial = Map_QM.util.meshMaterialArr[k]
+ let color2 = new THREE.Color(color);
+ if (
+ Map_QM.util.meshMaterialArr[k].color &&
+ Map_QM.util.meshMaterialArr[k].color.equals(color2) &&
+ Map_QM.util.meshMaterialArr[k].opacity == alphaModle
+ ) {
+ meshMaterial = Map_QM.util.meshMaterialArr[k];
}
}
if (!meshMaterial) {
@@ -1096,967 +1232,1126 @@ QMUtil = function () {
specular: 0x000000,
transparent: true,
side: THREE.DoubleSide,
- opacity: alphaModle
- })
- Map_QM.util.meshMaterialArr.push(meshMaterial)
+ opacity: alphaModle,
+ });
+ Map_QM.util.meshMaterialArr.push(meshMaterial);
}
- return meshMaterial
- }
+ return meshMaterial;
+ };
this.rotateYZ = function (geometry, ry, rz) {
- let center = new THREE.Vector3()
- geometry.computeBoundingBox()
- geometry.boundingBox.getCenter(center)
- let x = center.x
- let y = center.y
- let z = center.z
- geometry.center()
- geometry.rotateY(ry)
- geometry.rotateX(rz)
- geometry.translate(x, y, z)
- }
-}
+ let center = new THREE.Vector3();
+ geometry.computeBoundingBox();
+ geometry.boundingBox.getCenter(center);
+ let x = center.x;
+ let y = center.y;
+ let z = center.z;
+ geometry.center();
+ geometry.rotateY(ry);
+ geometry.rotateX(rz);
+ geometry.translate(x, y, z);
+ };
+ //用于生成uuid
+ this.guid = function () {
+ function S4() {
+ return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+ }
+ return S4() + S4() + S4();
+ };
+
+ this.getTextMesh = function (text, position) {
+ const sprite = new SpriteText(text, 32, "#000000");
+ sprite.padding = 2;
+ sprite.fontSize = 32;
+ sprite.strokeWidth = 2;
+ sprite.renderOrder = 100;
+ sprite.fontWeight = "500";
+ sprite.material.transparent = true;
+ sprite.material.alphaTest = 0.1;
+ sprite.material.sizeAttenuation = false;
+ sprite.position.set(position.x, position.y, position.z + 24);
+ return sprite;
+ };
+};
//////////////////////////////-------------------------------------------配置 UtilFun
/**
* 地图主类，入口 初始化设备点位
*/
-MainMap_QM = function (callBack, options) {
- this.util = new QMUtil()
- this.callBackLoadOver = callBack
- this.ele = document.getElementById(options.containerId || 'mapContainer')
- this.w = parseInt(this.ele.clientWidth) || parseInt(window.getComputedStyle(this.ele, null).getPropertyValue('width'))
- this.h = parseInt(this.ele.clientHeight) || parseInt(window.getComputedStyle(this.ele, null).getPropertyValue('height'))
- this.backObj = { code: 200, msg: '加载成功', data: [] }
- this.scene = new THREE.Scene()
- this.scene.name = 'scene'
- this.aspect = this.w / this.h
- this.cameraPerspective = new THREE.PerspectiveCamera(45, this.aspect, 10, 10000)
- this.cameraPerspective.position.set(this.util.sceneGap.cameraX, this.util.sceneGap.cameraY, this.util.sceneGap.cameraZ) //x 水平 y 垂直旋转 z 展示大小
- this.cameraPerspective.lookAt(new THREE.Vector3(0, 0, 0))
-
+var MainMap_QM = function (callBack, options) {
+ this.util = new QMUtil();
+ this.callBackLoadOver = callBack;
+ this.ele = document.getElementById(options.containerId || "mapContainer");
+ this.w = parseInt(this.ele.clientWidth) || parseInt(window.getComputedStyle(this.ele, null).getPropertyValue("width"));
+ this.h = parseInt(this.ele.clientHeight) ||parseInt(window.getComputedStyle(this.ele, null).getPropertyValue("height"));
+ this.backObj = { code: 200, msg: "加载成功", data: [] };
+ this.scene = new THREE.Scene();
+ this.scene.name = "scene";
+ //this.scene.fog = new THREE.Fog(0xe5e5e5,this.util.options.maxDis,this.util.options.maxDis + 500);
+ this.aspect = this.w / this.h;
+ this.cameraPerspective = new THREE.PerspectiveCamera(45,this.aspect,10,10000);
+ this.cameraPerspective.position.set(this.util.sceneGap.cameraX,this.util.sceneGap.cameraY,this.util.sceneGap.cameraZ); //x 水平 y 垂直旋转 z 展示大小
+ this.cameraPerspective.lookAt(new THREE.Vector3(0, 0, 0));
this.cameraOrtho = new THREE.OrthographicCamera(-150 * this.aspect, 150 * this.aspect, 150, -150, 10, 10000)
this.cameraOrtho.position.set(this.util.sceneGap.cameraX, this.util.sceneGap.cameraY, this.util.sceneGap.cameraZ)
- this.cameraOrtho.lookAt(new THREE.Vector3(0, 0, 0))
- this.camera = this.cameraPerspective
+ this.cameraOrtho.lookAt(new THREE.Vector3(0, 0, 0));
+ this.camera = this.cameraPerspective;
//
- this.renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, preserveDrawingBuffer: true }) // preserveDrawingBuffer 是否可以截图
+ this.renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true }); // preserveDrawingBuffer 是否可以截图
//this.renderer.outputEncoding = THREE.sRGBEncoding;
- this.renderer.setSize(this.w, this.h)
- this.renderer.setPixelRatio(window.devicePixelRatio)
- this.renderer.shadowMap.enabled = false
- this.ele.appendChild(this.renderer.domElement)
-
- this.labelRenderer = new THREE.CSS2DRenderer()
+ this.renderer.setSize(this.w, this.h);
+ this.renderer.setPixelRatio(window.devicePixelRatio);
+ this.renderer.shadowMap.enabled = false;
+ // 阴影类型
+ this.renderer.shadowMap.type = THREE.PCFSoftShadowMap;
+ this.ele.appendChild(this.renderer.domElement);
+
+ this.labelRenderer = new THREE.CSS2DRenderer();
//弹窗的偏移百分比 或者像素
- this.labelRenderer.setSize(this.w, this.h, options.perc_H || '-50%')
- this.labelRenderer.domElement.style.position = 'absolute'
- this.labelRenderer.domElement.style.top = 0
- this.ele.appendChild(this.labelRenderer.domElement)
-
- let light = new THREE.AmbientLight(0xffffff, 0.4)
- light.name = 'light'
- this.scene.add(light)
-
- this.hemiLight = new THREE.HemisphereLight(this.util.lightOptions.s_col, this.util.lightOptions.g_col, this.util.lightOptions.a_int)
- this.hemiLight.name = 'light'
- this.hemiLight.position.set(0, 1, 1)
- this.scene.add(this.hemiLight)
-
- this.shawLight = new THREE.DirectionalLight(this.util.lightOptions.d_col, this.util.lightOptions.d_int)
- this.shawLight.name = 'light'
- this.shawLight.position.set(280, 400, -300)
- this.scene.add(this.shawLight)
-
- this.mixers = []
- this.controls = new THREE.OrbitControls(this.camera, this.ele)
- //鼠标控制
- //this.controls.mouseButtons = { ORBIT: THREE.MOUSE.LEFT, ZOOM: THREE.MOUSE.MIDDLE, PAN: THREE.MOUSE.RIGHT };
- //this.controls.enabled = true;
- this.controls.minZoom = 0.8
- this.controls.maxZoom = this.util.options.camZoom
+ this.labelRenderer.setSize(this.w, this.h, options.perc_H || "-50%");
+ this.labelRenderer.domElement.style.position = "absolute";
+ this.labelRenderer.domElement.style.top = 0;
+ this.ele.appendChild(this.labelRenderer.domElement);
+
+ let light = new THREE.AmbientLight(0xffffff, 0.4);
+ light.name = "light";
+ this.scene.add(light);
+ this.hemiLight = new THREE.HemisphereLight(this.util.lightOptions.s_col,this.util.lightOptions.g_col,this.util.lightOptions.a_int);
+ this.hemiLight.name = "light";
+ this.hemiLight.position.set(0, 1, 0);
+ this.scene.add(this.hemiLight);
+
+ this.shawLight = new THREE.DirectionalLight(this.util.lightOptions.d_col,this.util.lightOptions.d_int);
+ this.shawLight.name = "light";
+ this.shawLight.position.set(280, 400, -300);
+ this.scene.add(this.shawLight);
+
+ this.controls = new THREE.OrbitControls(this.camera, this.ele);
+ this.controls.minZoom = 0.8;
+ this.controls.maxZoom = 2;
//设置相机距离原点的最远距离
- this.controls.minDistance = this.util.options.minDis
+ this.controls.minDistance = this.util.options.minDis;
//设置相机距离原点的最远距离
- this.controls.maxDistance = this.util.options.maxDis
- this.controls.minPolarAngle = 0 // 0是为了兼容2D模式
- this.controls.maxPolarAngle = Math.PI / 2 - 0.2 // radians
-
- 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.top = '60px'
- this.ele.appendChild(stats.domElement)
- }
- this.ele.addEventListener("wheel", this.disPlayEvent);
- this.ele.addEventListener("mouseup", this.disPlayEvent);
- this.ele.addEventListener("touchmove", this.mouseMove);
- this.ele.addEventListener('touchend',this.mouseUp);
- this.ele.addEventListener('click', this.onMouseClickBox) //地图点击
- document.addEventListener('resize', this.changeDocmentResize) //窗口变化
- this.mapArr = []
- this.selectShop
- this.selectEle = null //当前使用的电梯
- this.overShop //终点店铺
- this.shape = new THREE.Shape()
- this.shape.moveTo(-10, -10)
- this.shape.lineTo(10, -10)
- this.shape.lineTo(10, 10)
- this.shape.lineTo(-10, 10)
- this.dtLineGroup = new THREE.Group()
- this.dtLineGroup.name = 'dtLine'
-
- if (document.getElementById('moveFloorBG')) {
- document.getElementById('moveFloorBG').style.zIndex = 500;
- this.moveFloorbg = new THREE.CSS2DObject(document.getElementById('moveFloorBG'))
+ this.controls.maxDistance = this.util.options.maxDis;
+ this.controls.minPolarAngle = 0; // 0是为了兼容2D模式
+ this.controls.maxPolarAngle = Math.PI / 2 - 0.2; // radians
+
+ this.ele.addEventListener("click", this.onMouseClickBox); //地图点击
+ document.addEventListener("resize", this.changeDocmentResize); //窗口变化
+ this.mapArr = [];
+ this.selectShop;
+ this.selectEle = null; //当前使用的电梯
+ this.overShop; //终点店铺
+ this.shape = new THREE.Shape();
+ this.shape.moveTo(-10, -10);
+ this.shape.lineTo(10, -10);
+ this.shape.lineTo(10, 10);
+ this.shape.lineTo(-10, 10);
+ this.dtLineGroup = new THREE.Group();
+ this.dtLineGroup.name = "dtLine";
+
+ if (document.getElementById("moveFloorBG")) {
+ document.getElementById("moveFloorBG").style.zIndex = 500;
+ this.moveFloorbg = new THREE.CSS2DObject(
+ document.getElementById("moveFloorBG")
+ );
this.moveFloorbg.userData.isShow = false;
}
- this.mixers = []
- this.man_3d=null
- this.man_2d=null
- this.guide=null
- this.sceneGap = new THREE.Group()
- this.outModelGap = new THREE.Group() //全局外立面模型
- this.scene.add(this.outModelGap)
- this.peripheryGap = new THREE.Group() //周边模型
- this.scene.add(this.peripheryGap)
- this.outObject = new THREE.Object3D()
- this.outObject.userData.type = "moveFloor"
- this.perObject = new THREE.Object3D()
- this.perObject.userData.type = "moveFloor"
- this.buildObj = new THREE.Group()
- this.qiModel=null //起点
- this.qiIcon=null //起点Icon
- this.dirIcon=null //我的方向Icon
- this.endIcon=null //终点Icon
- this.endModel=null
- this.forShopArr = [] //途径数据
- this.getInstance(options)
-}
+ this.mixers = [];
+ this.man_3d = null;
+ this.man_2d = null;
+ this.guide = null;
+ this.devModel = null;
+ this.sceneGap = new THREE.Group();
+ this.outModelGap = new THREE.Group(); //全局外立面模型
+ this.scene.add(this.outModelGap);
+ this.peripheryGap = new THREE.Group(); //周边模型
+ this.scene.add(this.peripheryGap);
+ this.outObject = new THREE.Object3D();
+ this.outObject.userData.type = "moveFloor";
+ this.perObject = new THREE.Object3D();
+ this.perObject.userData.type = "moveFloor";
+ this.buildObj = new THREE.Group();
+ this.qiModel = null; //起点
+ this.qiIcon = null; //起点Icon
+ this.endIcon = null; //终点Icon
+ this.endModel = null;
+ this.forShopArr = []; //途径数据
+ this.getInstance(options);
+ if (this.util.options.northShow) {
+ this.util.img = document.createElement("img");
+ this.util.img.src = "./static/img/noth.png";
+ this.util.img.classList.add("north");
+ this.ele.appendChild(this.util.img);
+ }
+};
MainMap_QM.prototype = {
- mouseMove:function(){
- Map_QM.disPlayEvent()
+ resetModel: function () {
+ if (mapState == "mall") {
+ Map_QM.buildObj.visible = true;
+ Map_QM.controls.reset();
+ startRotate = false;
+ Map_QM.controls.setDistance(Map_QM.util.changeDist.inner - 25);
+ } else if (mapState == "out") {
+ Map_QM.controls.reset();
+ Map_QM.controls.setDistance(Map_QM.util.changeDist.inner + 30);
+ Map_QM.outModelGap.rotateY(-1 * Map_QM.outModelGap.rotation.y);
+ startRotate = true;
+ } else {
+ Map_QM.controls.reset();
+ Map_QM.controls.setDistance(Map_QM.util.changeDist.outner + 25);
+ startRotate = false;
+ }
+ Map_QM.controls.update();
+ renderCount = 0;
},
- mouseUp:function(){
- Map_QM.disPlayEvent()
+
+ /**
+ * @api {方法} getPointByNode() 获取导航点位的坐标
+ * @apiGroup 地图交互
+ * @apiDescription 获取导航点位的坐标
+ * @apiVersion 4.0.0
+ * @apiParam {String} str 导航点位
+ *
+ * @apiSampleRequest off
+ * @apiParamExample {String} 请求示例
+ *
+ * Map_QM.getPointByNode("0_0_1");
+ */
+ getPointByNode: function (str) {
+ let nodes = str.split("_");
+ if (nodes.length > 2 && !isNaN(parseInt(nodes[2])) && parseInt(nodes[2])>=0) {
+ Map_QM.util.allMap[nodes[0]].buildArr[nodes[1]].mapData.path.nodes.sort(Map_QM.util.sortNode);
+ return Map_QM.util.allMap[nodes[0]].buildArr[nodes[1]].mapData.path.nodes[nodes[2]];
+ }else{
+ return {x:-5000,y:-5000,msg:"未打点"};
+ }
},
getInstance: function (options) {
- this.util.startObj.build = this.util.deviceObj.build = parseInt(options.build) || 0
- this.util.startObj.node = this.util.deviceObj.node = parseInt(options.navPoint) || 1
- this.util.deviceObj.angle = parseInt(options.angle) || 0
- this.util.selectBuild = this.util.deviceObj.build
- let _space = this
+ this.util.startObj.build = this.util.deviceObj.build = parseInt(options.build) || 0;
+ this.util.startObj.node = this.util.deviceObj.node = parseInt(options.navPoint) || 1;
+ this.util.deviceObj.angle = parseInt(options.angle) || 0;
+ this.util.selectBuild = this.util.deviceObj.build;
+ let _space = this;
if (options.mallCode) {
- let tim = this.util.timeStamp()
- this.util.requestNoJM({
- method: "GET",
- url: options.url + "/api/info/v1/web/getUploadUrl",
- success: (res)=>{
- _space.tomUrl = res.data;
- this.util.requestNoJM({
- method: "GET",
- url: _space.tomUrl + "/ar/"+options.mallCode+"/config.json?a="+tim,
- success: (res)=>{
- _space.util.shopServerInfo = res.shopUrl
- _space.util.mapServerInfo = res.mapUrl
- _space.initLoadMapFile(options)
- },
- fail:()=>{
- _space.backObj.code = 404
- _space.backObj.msg = "地图数据获取失败"
- _space.callBackLoadOver(_space.backObj)
- _space.callBackLoadOver = null
- }
- })
- },
- fail:()=>{
- this.util.requestNoJM({
- method: "GET",
- url: _space.tomUrl + "/ar/"+options.mallCode+"/config.json?a="+tim,
- success: (res)=>{
- _space.util.shopServerInfo = res.shopUrl
- _space.util.mapServerInfo = res.mapUrl
- _space.initLoadMapFile(options)
- },
- fail:()=>{
- _space.backObj.code = 404
- _space.backObj.msg = "地图数据获取失败"
- _space.callBackLoadOver(_space.backObj)
- _space.callBackLoadOver = null
- }
- })
- }
- })
- } else {
+ let tim = this.util.timeStamp();
+ this.util.requestNoJM({
+ method: "GET",
+ url: options.url + "/api/info/v1/web/getUploadUrl",
+ success: (res) => {
+ let resText = res.data;
+ if (typeof resText === "string" &&resText.search("https://") === -1) {
+ resText = JSON.parse(_space.util.decrypt(res.data));
+ }
+ _space.tomUrl = resText;
+ this.util.requestNoJM({
+ method: "GET",
+ url: _space.tomUrl + "/ar/" + options.mallCode +"/config.json?a=" +tim,
+ success: (res) => {
+ _space.util.shopServerInfo = res.shopUrl;
+ _space.util.mapServerInfo = res.mapUrl;
+ _space.initLoadMapFile(options);
+ },
+ fail: () => {
+ _space.backObj.code = 404;
+ _space.backObj.msg = "地图数据获取失败";
+ _space.callBackLoadOver(_space.backObj);
+ _space.callBackLoadOver = null;
+ },
+ });
+ },
+ fail: () => {
+ this.util.requestNoJM({
+ method: "GET",
+ url: _space.tomUrl +"/ar/" +options.mallCode +"/config.json?a=" +tim,
+ success: (res) => {
+ _space.util.shopServerInfo = res.shopUrl;
+ _space.util.mapServerInfo = res.mapUrl;
+ _space.initLoadMapFile(options);
+ },
+ fail: () => {
+ _space.backObj.code = 404;
+ _space.backObj.msg = "地图数据获取失败";
+ _space.callBackLoadOver(_space.backObj);
+ _space.callBackLoadOver = null;
+ },
+ });
+ },
+ });
+ } else {
if (options.mapData) {
- try {
- if (options.mapData.mallKey != 'Zeditor') {
- _space.util.allMap = JSON.parse(options.mapData.mapData)
- } else {
- _space.util.allMap = JSON.parse(LZString.decompressFromBase64(options.mapData.mapData))
- }
- console.log("地图数据更新时间: " + options.mapData.updateTime);
- } catch (e) {
- console.log(e)
- backObj.code = 404
- backObj.msg = '地图数据JSON格式错误'
- callBack(backObj)
- callBack = null
- return;
- }
- _space.util.shopData = options.shopData;
- _space.initOptions(options);
- } else {
- _space.initLoadMapFile(options);
- }
- }
- },
- initLoadMapFile:function(options){
- _space = this
- _space.util.readTextFile(_space.util.mapServerInfo, function (res) {
- console.log(res)
- if(res){
- try {
- if(Array.isArray(res.data)){
- for(let map of res.data){
- if (map.mapKey == "Aeditor") {
- _space.util.allMap = JSON.parse(map.mapData);
- break;
- }
- }
- }else{
- if (res.data.mallKey != "Zeditor") {
- _space.util.allMap = JSON.parse(res.data.mapData);
- } else {
- _space.util.allMap = JSON.parse(LZString.decompressFromBase64(res.data.mapData));
- }
- }
- console.log("地图数据更新时间: " + res.data.updateTime);
- } catch (e) {
- console.log(e);
- _space.backObj.code = 404;
- _space.backObj.msg = "地图数据JSON格式错误";
- _space.callBackLoadOver(_space.backObj);
- _space.callBackLoadOver = null;
- return;
- }
- _space.util.readTextFile(_space.util.shopServerInfo, function (res) {
- _space.util.shopData = [];
- if(res){
- if(res.data.length>4){ //不是楼栋
- _space.util.shopData = res.data;
- }else{
- res.data.forEach((item)=>{
- for(let shop of item){
- _space.util.shopData.push(...shop.shopList);
- }
- })
- }
- }
- _space.initOptions(options);
- });
- }else{
- console.log(e);
- _space.backObj.code = 404;
- _space.backObj.msg = "地图数据JSON格式错误";
- _space.callBackLoadOver(_space.backObj);
- _space.callBackLoadOver = null;
- return;
- }
- });
- },
+ try {
+ _space.util.allMap = JSON.parse(options.mapData.mapData);
+ console.log("地图数据更新时间: " + options.mapData.updateTime);
+ } catch (e) {
+ window.captureException && window.captureException(e);
+ console.log(e);
+ _space.backObj.code = 404;
+ _space.backObj.msg = "地图数据JSON格式错误";
+ _space.callBackLoadOver(_space.backObj);
+ return;
+ }
+ _space.util.shopData = options.shopData;
+ _space.initOptions(options);
+ } else {
+ _space.initLoadMapFile(options);
+ }
+ }
+ },
+
+ initLoadMapFile: function (options) {
+ let _space = this;
+ _space.util.readTextFile(_space.util.mapServerInfo, function (res) {
+ if (res) {
+ try {
+ if (Array.isArray(res.data)) {
+ for (let map of res.data) {
+ _space.util.allMap = JSON.parse(map.mapData);
+ }
+ } else {
+ _space.util.allMap = JSON.parse(res.data.mapData);
+ console.log("地图数据更新时间: " + res.data.updateTime);
+ }
+ } catch (e) {
+ window.captureException && window.captureException(e);
+ console.log(e);
+ _space.backObj.code = 404;
+ _space.backObj.msg = "地图数据JSON格式错误";
+ _space.callBackLoadOver(_space.backObj);
+ _space.callBackLoadOver = null;
+ return;
+ }
+ _space.util.readTextFile(_space.util.shopServerInfo, function (res) {
+ _space.util.shopData = [];
+ if (res) {
+ console.log("shopData: ",res.data);
+ res.data.forEach((item) => {
+ for (let shop of item) {
+ _space.util.shopData.push(...shop.shopList);
+ }
+ });
+ }
+ _space.initOptions(options);
+ });
+ } else {
+ _space.backObj.code = 404;
+ _space.backObj.msg = "地图数据JSON格式错误";
+ _space.callBackLoadOver(_space.backObj);
+ _space.callBackLoadOver = null;
+ return;
+ }
+ });
+ },
+
initOptions: function (options) {
//初始化参数
if (this.util.allMap[this.util.selectBuild].playSpeed) {
- this.util.allMap[this.util.selectBuild].hasOwnProperty('scale') && (this.util.options.mapScale = parseInt(this.util.allMap[this.util.selectBuild].scale))
- this.util.allMap[this.util.selectBuild].hasOwnProperty('playSpeed') && (this.util.options.playSpeed = parseInt(this.util.allMap[this.util.selectBuild].playSpeed))
- this.util.allMap[this.util.selectBuild].hasOwnProperty('collision') && (this.util.options.collision = this.util.allMap[this.util.selectBuild].collision)
- this.util.allMap[this.util.selectBuild].hasOwnProperty('navColor') && (this.util.options.navColor = this.util.allMap[this.util.selectBuild].navColor)
- this.util.allMap[this.util.selectBuild].hasOwnProperty('aRadius') && (this.util.options.aRadius = parseInt(this.util.allMap[this.util.selectBuild].aRadius))
- this.util.allMap[this.util.selectBuild].hasOwnProperty('boxShop') && (this.util.options.boxShop = this.util.allMap[this.util.selectBuild].boxShop.split(','))
- this.util.allMap[this.util.selectBuild].hasOwnProperty('shopStyle') && (this.util.options.shopStyle = this.util.allMap[this.util.selectBuild].shopStyle)
- this.util.allMap[this.util.selectBuild].hasOwnProperty('modelIcon') && (this.util.options.modelIcon = this.util.allMap[this.util.selectBuild].modelIcon)
- this.util.allMap[this.util.selectBuild].hasOwnProperty('facSize') && (this.util.options.facSize = this.util.allMap[this.util.selectBuild].facSize)
- this.util.allMap[this.util.selectBuild].hasOwnProperty('m_scale') && (this.util.sceneGap.scale = this.util.allMap[this.util.selectBuild].m_scale)
-
- this.hemiLight.color = new THREE.Color(this.util.allMap[this.util.selectBuild].s_col || '#fffff0')
- this.hemiLight.groundColor = new THREE.Color(this.util.allMap[this.util.selectBuild].g_col || '#ffffff')
- this.hemiLight.intensity = this.util.allMap[this.util.selectBuild].a_int || 0.5
- this.shawLight.color = new THREE.Color(this.util.allMap[this.util.selectBuild].d_col || '#ffffff')
- this.shawLight.intensity = this.util.allMap[this.util.selectBuild].d_int || 0.1
-
- if (this.util.allMap[this.util.selectBuild].c_site && this.util.allMap[this.util.selectBuild].c_site.split(',')) {
- this.util.sceneGap.cameraX = parseInt(this.util.allMap[this.util.selectBuild].c_site.split(',')[0]) || this.util.sceneGap.cameraX
- this.util.sceneGap.cameraY = parseInt(this.util.allMap[this.util.selectBuild].c_site.split(',')[1]) || this.util.sceneGap.cameraY
- this.util.sceneGap.cameraZ = parseInt(this.util.allMap[this.util.selectBuild].c_site.split(',')[2]) || this.util.sceneGap.cameraZ
- }
- if (this.util.allMap[this.util.selectBuild].m_site && this.util.allMap[this.util.selectBuild].m_site.split(',')) {
- this.util.sceneGap.x = parseInt(this.util.allMap[this.util.selectBuild].m_site.split(',')[0]) || this.util.sceneGap.x
- this.util.sceneGap.y = parseInt(this.util.allMap[this.util.selectBuild].m_site.split(',')[1]) || this.util.sceneGap.y
- this.util.sceneGap.z = parseInt(this.util.allMap[this.util.selectBuild].m_site.split(',')[2]) || this.util.sceneGap.z
+ this.util.allMap[this.util.selectBuild].hasOwnProperty("scale") && (this.util.options.mapScale = parseInt(this.util.allMap[this.util.selectBuild].scale));
+ this.util.allMap[this.util.selectBuild].hasOwnProperty("playSpeed") && (this.util.options.playSpeed = parseInt( this.util.allMap[this.util.selectBuild].playSpeed));
+ this.util.allMap[this.util.selectBuild].hasOwnProperty("collision") && (this.util.options.collision = this.util.allMap[this.util.selectBuild].collision);
+ this.util.allMap[this.util.selectBuild].hasOwnProperty("navColor") && (this.util.options.navColor = this.util.allMap[this.util.selectBuild].navColor);
+ this.util.allMap[this.util.selectBuild].hasOwnProperty("aRadius") && (this.util.options.aRadius = parseInt( this.util.allMap[this.util.selectBuild].aRadius));
+ this.util.allMap[this.util.selectBuild].hasOwnProperty("boxShop") && (this.util.options.boxShop = this.util.allMap[this.util.selectBuild].boxShop.split(","));
+ this.util.allMap[this.util.selectBuild].hasOwnProperty("shopStyle") && (this.util.options.shopStyle = this.util.allMap[this.util.selectBuild].shopStyle);
+ this.util.allMap[this.util.selectBuild].hasOwnProperty("modelIcon") && (this.util.options.modelIcon = this.util.allMap[this.util.selectBuild].modelIcon);
+ this.util.allMap[this.util.selectBuild].hasOwnProperty("facSize") && (this.util.options.facSize = this.util.allMap[this.util.selectBuild].facSize);
+ this.util.allMap[this.util.selectBuild].hasOwnProperty("m_scale") && (this.util.sceneGap.scale = this.util.allMap[this.util.selectBuild].m_scale);
+ this.hemiLight.color = new THREE.Color(this.util.allMap[this.util.selectBuild].s_col || "#fffff0");
+ this.hemiLight.groundColor = new THREE.Color(this.util.allMap[this.util.selectBuild].g_col || "#ffffff");
+ this.hemiLight.intensity = this.util.allMap[this.util.selectBuild].a_int || 0.6;
+ this.shawLight.color = new THREE.Color( this.util.allMap[this.util.selectBuild].d_col || "#ffffff");
+ this.shawLight.intensity = this.util.allMap[this.util.selectBuild].d_int || 0.3;
+
+ if (this.util.allMap[this.util.selectBuild].c_site && this.util.allMap[this.util.selectBuild].c_site.split(",")) {
+ this.util.sceneGap.cameraX = parseInt(this.util.allMap[this.util.selectBuild].c_site.split(",")[0]) || this.util.sceneGap.cameraX;
+ this.util.sceneGap.cameraY = parseInt(this.util.allMap[this.util.selectBuild].c_site.split(",")[1]) || this.util.sceneGap.cameraY;
+ this.util.sceneGap.cameraZ = parseInt(this.util.allMap[this.util.selectBuild].c_site.split(",")[2]) || this.util.sceneGap.cameraZ;
+ }
+ if (this.util.allMap[this.util.selectBuild].m_site && this.util.allMap[this.util.selectBuild].m_site.split(",")) {
+ this.util.sceneGap.x = parseInt(this.util.allMap[this.util.selectBuild].m_site.split(",")[0]) || this.util.sceneGap.x;
+ this.util.sceneGap.y = parseInt(this.util.allMap[this.util.selectBuild].m_site.split(",")[1]) || this.util.sceneGap.y;
+ this.util.sceneGap.z = parseInt(this.util.allMap[this.util.selectBuild].m_site.split(",")[2]) || this.util.sceneGap.z;
}
if (this.util.allMap[this.util.selectBuild].m_zoom) {
- this.util.m_zoom = this.util.allMap[this.util.selectBuild].m_zoom
- }
- }
- let { playSpeed, collision, modelIcon, shopStyle, shadow, otherPath, navColor, iconUrl, iconName, camZoom, inArea, pathColor, pathStyle } = options;
- this.util.options.playSpeed = playSpeed != undefined ? playSpeed : this.util.options.playSpeed
- this.util.options.collision = collision != undefined ? collision : this.util.options.collision
- this.util.options.modelIcon = modelIcon != undefined ? modelIcon : this.util.options.modelIcon
- this.util.options.shadow = shadow!= undefined ? shadow : this.util.options.shadow
- this.util.options.shopStyle = shopStyle != undefined ? shopStyle : this.util.options.shopStyle
- this.util.options.otherPath = otherPath != undefined ? otherPath : this.util.options.otherPath
- this.util.options.navColor = navColor != undefined ? navColor : this.util.options.navColor
- this.util.options.iconName = iconName != undefined ? iconName : this.util.options.iconName
- this.util.options.camZoom = camZoom != undefined ? camZoom : this.util.options.camZoom
- this.util.options.inArea = inArea!= undefined ? inArea : this.util.options.inArea
- this.util.options.pathColor = pathColor != undefined ? pathColor : this.util.options.pathColor
- this.util.options.pathStyle = pathStyle != undefined ? pathStyle : this.util.options.pathStyle
- this.util.iconUrl = iconUrl != undefined ? iconUrl : []
+ this.util.m_zoom = this.util.allMap[this.util.selectBuild].m_zoom;
+ }
+ }
+ let { playSpeed, collision, modelIcon, shopStyle, shadow, otherPath, navColor, iconUrl, iconName, inArea, pathColor, pathStyle} = options;
+
+ this.util.options.playSpeed = playSpeed != undefined ? playSpeed : this.util.options.playSpeed;
+ this.util.options.collision = collision != undefined ? collision : this.util.options.collision;
+ this.util.options.modelIcon = modelIcon != undefined ? modelIcon : this.util.options.modelIcon;
+ this.util.options.shopStyle = shopStyle != undefined ? shopStyle : this.util.options.shopStyle;
+ this.util.options.otherPath = otherPath != undefined ? otherPath : this.util.options.otherPath;
+ this.util.options.navColor = navColor != undefined ? navColor : this.util.options.navColor;
+ this.util.options.iconName = iconName != undefined ? iconName : this.util.options.iconName;
+ this.util.options.inArea = inArea != undefined ? inArea : this.util.options.inArea;
+ this.util.options.pathColor = pathColor != undefined ? pathColor : this.util.options.pathColor;
+ this.util.options.pathStyle = pathStyle != undefined ? pathStyle : this.util.options.pathStyle;
+ this.util.iconUrl = iconUrl != undefined ? iconUrl : [];
+
if (!isNaN(Number(options.floor))) {
- this.util.startObj.floor = this.util.deviceObj.floor = parseInt(options.floor) || 0
+ this.util.startObj.floor = this.util.deviceObj.floor = parseInt(options.floor) || 0;
} else {
if (Array.isArray(this.util.allMap)) {
for (var iii = 0; iii < this.util.allMap[this.util.startObj.build].buildArr.length; iii++) {
if (this.util.allMap[this.util.startObj.build].buildArr[iii].name == options.floor) {
- this.util.startObj.floor = this.util.deviceObj.floor = this.util.allMap[this.util.startObj.build].buildArr[iii].order
- break
+ this.util.startObj.floor = this.util.deviceObj.floor = this.util.allMap[this.util.startObj.build].buildArr[iii].order;
+ break;
}
}
}
}
- for(let k=0; k肯德基
']) + */ + changeShowShopName: function (shopNums, elements) { + if (shopNums.length === elements.length) { + let labObj = Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj.children; + for (let i = 0; i < shopNums.length; i++) { + for (let j = 0; j < labObj.length; j++) { + if (labObj[j].name == shopNums[i]) { + labObj[j].element.innerHTML = elements[i]; + break; + } + } + } + } + }, + + /** + * @api {方法} showAreaAnimate() 区域定位 + * @apiGroup 地图显示 + * @apiDescription 通过区域名称凸显区域 + * @apiVersion 4.0.0 + * @apiParam {String} aName 区域名称，不传则复位 + * @apiSampleRequest off + * + * @apiParamExample {String} 请求示例 + * Map_QM.showAreaAnimate("A"); + */ + showAreaAnimate: function (aName = "") { + //在我的方向状态，恢复 + Map_QM.changeMapModel("3D"); + Map_QM.resetFloorState(); + Map_QM.controls.reset(); + Map_QM.util.options.deviceAng && Map_QM.rotationAngle(Map_QM.util.deviceObj.angle); + TweenMax.killAll(true); + if (!aName) { + isJUZ = false; + allJU = true; + return; + } + 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 }, false); + } + } + }); + }, + + /** + * @api {方法} unionShop() 店铺合并 + * @apiGroup 地图显示 + * @apiDescription 通过店铺编号合并店铺 合铺 + * @apiVersion 4.0.0 + * @apiParam {Array} shops 店铺编号数组 + * @apiParam {Object} data 新的店铺数据(默认 空数据) + * @apiSampleRequest off + * + * @apiParamExample {String} 请求示例 + * Map_QM.unionShop(["L105","L106","L107","L108"],{name:"新店",houseNumber:"L104-L108",color:"#F4A460"}) + */ + unionShop: function ( + shops, + data = { name: "", houseNumber: "shop", color: "#F4A460" } + ) { + let shopObj = [], + xAll = 0, + yAll = 0; + if (Array.isArray(shops) && shops.length > 1) { + //删除店铺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++) { + if (shopArea[k].name == shops[i]) { + xAll += shopArea[k].xaxis; + yAll += shopArea[k].yaxis; + shopObj.push(shopArea[k]); + Map_QM.mapArr[Map_QM.util.selectBuild][ + Map_QM.util.selectFloor + ].shopObj.remove(shopArea[k]); + break; + } + } + } + //删除文本标签 + let labObj = Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj.children; + for (let i = 0; i < shops.length; i++) { + for (let j = 0; j < labObj.length; j++) { + if (labObj[j].name == shops[i]) { + if (labObj[j].element && labObj[j].element.parentNode) { + labObj[j].element.parentNode.removeChild(labObj[j].element); + } + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj.remove(labObj[j]); + break; + } + } + } + let point = { + x: xAll / shopObj.length, + y: yAll / shopObj.length, + }; + let baseShop; + for (let l = 0; l < shopObj.length; l++) { + if (l == 0) { + baseShop = new ThreeBSP(shopObj[0]); + } else { + baseShop = baseShop.union(new ThreeBSP(shopObj[l])); + } + } + //ThreeBSP对象转化为网格模型对象 + let mesh = baseShop.toMesh(); + mesh.userData = data; + mesh.userData.shopData = { formatColor: data.color }; + mesh.userData.xaxis = point.x >> 0; + mesh.userData.yaxis = point.y >> 0; + mesh.userData.houseNumber = data.houseNumber; + mesh.userData.entColor = data.color; + mesh.userData.type = "shop"; + if (data.name) { + mesh.name = data.name; + let shopDiv = document.createElement("div"); + shopDiv.style.cssText = css_LR; + if (window.innerWidth > 2000) { + shopDiv.style.fontSize = "18px"; + } + shopDiv.innerHTML = data.name; + shopDiv.dataset.name = data.name; + shopDiv.dataset.nameEn = data.nameEn || data.name; + let shopLabel = new THREE.CSS2DObject(shopDiv); + shopLabel.position.set(point.x >> 0, (-1 * point.y) >> 0, 30); + shopLabel.name = data.houseNumber || ""; + shopLabel.userData.mapShow = true; //是否永久显示 + shopLabel.userData.isShow = true; + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj.add(shopLabel); + } + mesh.material = new THREE.MeshPhongMaterial({ + color: data.color || 0xf4a460, + transparent: true, + opacity: 0.9, + side: THREE.DoubleSide, + depthTest: true, + }); + Map_QM.mapArr[Map_QM.util.selectBuild][ + Map_QM.util.selectFloor + ].allObj.add(mesh); + } + renderCount = 0; + }, + + //////////////////////////////////////////////////////////////////////////////// /** * @param {Object} e * 地图BOX点击 */ onMouseClickBox: function (event) { - - let mouse = new THREE.Vector2() - mouse.x = (event.offsetX / Map_QM.w) * 2 - 1 - mouse.y = -(event.offsetY / Map_QM.h) * 2 + 1 - Map_QM.onCallTouchORMouse(mouse) - + startRotate = false; + let mouse = new THREE.Vector2(); + mouse.x = (event.offsetX / Map_QM.w) * 2 - 1; + mouse.y = -(event.offsetY / Map_QM.h) * 2 + 1; + Map_QM.onCallTouchORMouse(mouse); }, onCallTouchORMouse: function (mouse) { - if (!Map_QM.mapArr[Map_QM.util.selectBuild] && !Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor]) { - return - } - let raycaster = new THREE.Raycaster() - raycaster.setFromCamera(mouse, Map_QM.camera) - let intersects = raycaster.intersectObjects(Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.children, true) - let clickShop = false - //图标点击 + if ((!Map_QM.mapArr[Map_QM.util.selectBuild] &&!Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor]) || !Map_QM.buildObj.visible) { + return; + } + let raycaster = new THREE.Raycaster(); + raycaster.setFromCamera(mouse, Map_QM.camera); + let intersects = raycaster.intersectObjects(Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.children, true); + let clickShop = false, + clickOnly = false, + onlyData = null; for (let i = 0; i < intersects.length; i++) { - //图标点击 - if ( - intersects[i].object.userData && - (intersects[i].object.userData.type == 'icon' || - intersects[i].object.parent.userData.type == 'icon' || - intersects[i].object.parent.parent.userData.type == 'icon') - ) { - if (Map_QM.endModel && Map_QM.endModel.visible) { - Map_QM.endModel.visible = false + //店铺BOX点击 + if (intersects[i].object.userData && intersects[i].object.userData.type == "shop") { + if (intersects[i].object.name != "") { + if (Map_QM.endModel && Map_QM.endModel.visible) { + Map_QM.endModel.visible = false; + } + clickShop = true; + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].findPath.clearPath(); + Map_QM.setSelectShopMat(intersects[i].object); + break; + } else { + //空店铺有编号 + if (intersects[i].object.userData.houseNumber && intersects[i].object.userData.houseNumber != "shop") { + clickOnly = true; + onlyData = intersects[i].object.userData; + } } - Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].findPath.clearPath() - let buildOrder = - intersects[i].object.userData.buildOrder || intersects[i].object.parent.userData.buildOrder || intersects[i].object.parent.parent.userData.buildOrder || 0 - let floorOrder = - intersects[i].object.userData.floorOrder || intersects[i].object.parent.userData.floorOrder || intersects[i].object.parent.parent.userData.floorOrder || 0 - let navCode = intersects[i].object.userData.navCode || intersects[i].object.parent.userData.navCode || intersects[i].object.parent.parent.userData.navCode - let src = intersects[i].object.userData.src || intersects[i].object.parent.userData.src || intersects[i].object.parent.parent.userData.src - 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 点击设施图标 - * @apiGroup 地图事件 - * @apiDescription 用户点击设施图标后触发自定义事件 - * @apiVersion 2.0.0 - * @apiSampleRequest off - * - * @apiParamExample 请求示例 - * Map_QM.addEventListener("icon",onClickIcon,false); - */ - Map_QM.dispatchEvent({ - 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 == "shop") { - if(intersects[i].object.name != ""){ - if (Map_QM.endModel && Map_QM.endModel.visible) { - Map_QM.endModel.visible = false; - } - clickShop = true; - Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].findPath.clearPath(); - Map_QM.setSelectShopMat(intersects[i].object); - break; - }else{ //空店铺有编号 - if(intersects[i].object.userData.houseNumber && intersects[i].object.userData.houseNumber != "shop"){ - clickOnly = true; - onlyData = intersects[i].object.userData; - } - } - } - } /** * @api {事件} shop 点击已绑定品牌的店铺 * @apiGroup 地图事件 * @apiDescription 用户点击店铺后触发自定义事件 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiSampleRequest off * * @apiParamExample 请求示例 * Map_QM.addEventListener("shop",onClickShop,false); */ if (clickShop && Map_QM.selectShop && Map_QM.selectShop.userData) { - if (Map_QM.selectShop.userData.shopData.hasOwnProperty('houseNumber')) { + if (Map_QM.selectShop.userData.shopData.hasOwnProperty("houseNumber")) { Map_QM.dispatchEvent({ - type: 'shop', - data: Map_QM.selectShop.userData - }) + type: "shop", + data: Map_QM.selectShop.userData, + }); } else { /** * @api {事件} onlyShop 点击未绑定品牌的店铺 * @apiGroup 地图事件 * @apiDescription 用户点击空店铺后触发自定义事件 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiSampleRequest off * * @apiParamExample 请求示例 * Map_QM.addEventListener("onlyShop",onClickShop,false); */ Map_QM.dispatchEvent({ - type: 'onlyShop', - data: Map_QM.selectShop.userData - }) + type: "onlyShop", + data: Map_QM.selectShop.userData, + }); } } else { - if(clickOnly){ - Map_QM.dispatchEvent({ - type: "onlyShop", - data: onlyData - }) - }else{ - Map_QM.dispatchEvent({ - type: "shop", - data: null - }) - } + if (clickOnly) { + Map_QM.dispatchEvent({ + type: "onlyShop", + data: onlyData, + }); + } else { + Map_QM.dispatchEvent({ + type: "shop", + data: null, + }); + } } }, /** - * @api {方法} setSelectShopMatByName(shopNum) 设置box 选中 + * @api {方法} setSelectShopMatByName(houseNumber) 设置box 选中 * @apiGroup 地图交互 * @apiDescription 地图box 选中 - * @apiVersion 2.0.0 - * @apiParam {String} shopNum POI编号 + * @apiVersion 4.0.0 + * @apiParam {String} houseNumber POI编号 * * @apiSampleRequest off * @@ -2869,211 +3705,689 @@ MainMap_QM.prototype = { */ setSelectShopMatByName: function (ipName) { for (let i = 0; i < Map_QM.mapArr[Map_QM.util.selectBuild].length; i++) { - let shopArr = Map_QM.mapArr[Map_QM.util.selectBuild][i].shopObj.children + let shopArr = Map_QM.mapArr[Map_QM.util.selectBuild][i].shopObj.children; for (let k = 0; k < shopArr.length; k++) { if (shopArr[k].name == ipName) { - Map_QM.setSelectShopMat(shopArr[k]) - break + Map_QM.setSelectShopMat(shopArr[k]); + break; } } } }, //改变选中店铺box setSelectShopMat: function (selObject) { - TweenMax.killAll(true) + TweenMax.killAll(true); if (Map_QM.selectShop) { - Map_QM.selectShop.scale.z = 1 - } - Map_QM.parseSelectShop(selObject) - }, - updateRender:function(){ - Map_QM.controls.update(); - Map_QM.renderer.render(Map_QM.scene, Map_QM.camera); - Map_QM.labelRenderer.render(Map_QM.scene, Map_QM.camera); - - Map_QM.labelRenderer.renderObject( Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].CSSObj, Map_QM.camera ); - Map_QM.labelRenderer.zOrder( Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj ); - }, + Map_QM.selectShop.scale.z = 1; + } + Map_QM.parseSelectShop(selObject); + }, + updateRender: function () { + Map_QM.controls.update(); + Map_QM.renderer.render(Map_QM.scene, Map_QM.camera); + Map_QM.labelRenderer.render(Map_QM.scene, Map_QM.camera); + + Map_QM.labelRenderer.renderObject(Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].CSSObj, Map_QM.scene, Map_QM.camera); + Map_QM.labelRenderer.zOrder(Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj); + }, /** * 初始化后调用 */ timeOutInit: function () { Map_QM.updateRender(); - Map_QM.collLabel(); - renderCount=0 + Map_QM.collLabel(); + renderCount = 0; if (Map_QM.callBackLoadOver) { - let floorData = [] + let floorData = []; for (let i = 0; i < Map_QM.util.allMap.length; i++) { - let build = [] + let build = []; for (let j = 0; j < Map_QM.util.allMap[i].buildArr.length; j++) { if (Map_QM.util.allMap[i].buildArr[j]) { - build.push({ order: Map_QM.util.allMap[i].buildArr[j].order, name: Map_QM.util.allMap[i].buildArr[j].name }) + build.push({ + order: Map_QM.util.allMap[i].buildArr[j].order, + name: Map_QM.util.allMap[i].buildArr[j].name, + }); } } - floorData.push(build) + floorData.push(build); } if (Map_QM.backObj) { - Map_QM.controls.enabled = true - Map_QM.backObj.data = floorData + Map_QM.controls.enabled = true; + Map_QM.backObj.data = floorData; } - Map_QM.callBackLoadOver(Map_QM.backObj) //初始化完成后回调 - Map_QM.callBackLoadOver = null - Map_QM.backObj = null + Map_QM.callBackLoadOver(Map_QM.backObj); //初始化完成后回调 + Map_QM.callBackLoadOver = null; + Map_QM.backObj = null; } Map_QM.dispatchEvent({ - type: 'changeFloorOver', - data: Map_QM.selectFloor - }) + type: "changeFloorOver", + data: Map_QM.selectFloor, + }); }, autoChangeEleAngle: function () { if (Map_QM.mapArr[Map_QM.util.selectBuild]) { - for (let m = 0; m < Map_QM.mapArr[Map_QM.util.selectBuild].length; m++) { - if (Map_QM.mapArr[Map_QM.util.selectBuild][m].allObj.visible) { - let svgChilds = Map_QM.mapArr[Map_QM.util.selectBuild][m].svgObj.children; - let rat = Map_QM.controls.getRotateHorizontal(); - svgChilds.forEach((item) => { - if (Math.abs(item.rotation.x) < 0.5) { - if ((rat - item.userData.rot) > 1.7 || (rat - item.userData.rot) < -1.7) { - item.rotation.z = item.userData.rot < 0 ? item.userData.rot + 3.1415926 : item.userData.rot - 3.1415926; - } else { - item.rotation.z = item.userData.rot; - } - } - }); - let logoChilds = Map_QM.mapArr[Map_QM.util.selectBuild][m].shopObj.children; - logoChilds.forEach((item) => { - if (item.children.length>0) { - item.children.forEach((obj) => { - if (obj.userData.type == "logo") { - if ((rat - obj.userData.rot) > 1.7 || (rat - obj.userData.rot) < -1.7) { - obj.rotation.z = obj.userData.rot < 0 ? obj.userData.rot + 3.1415926 : obj.userData.rot - 3.1415926; - } else { - obj.rotation.z = obj.userData.rot; - } - } - }) - } - }); - } - } - } + for (let m = 0; m < Map_QM.mapArr[Map_QM.util.selectBuild].length; m++) { + if (Map_QM.mapArr[Map_QM.util.selectBuild][m].allObj.visible) { + let svgChilds = Map_QM.mapArr[Map_QM.util.selectBuild][m].svgObj.children; + let rat = Map_QM.controls.getRotateHorizontal(); + svgChilds.forEach((item) => { + if (Math.abs(item.rotation.x) < 0.5) { + if ( + rat - item.userData.rot > 1.7 || + rat - item.userData.rot < -1.7 + ) { + item.rotation.z = + item.userData.rot < 0 + ? item.userData.rot + 3.1415926 + : item.userData.rot - 3.1415926; + } else { + item.rotation.z = item.userData.rot; + } + } + }); + let logoChilds = Map_QM.mapArr[Map_QM.util.selectBuild][m].shopObj.children; + logoChilds.forEach((item) => { + if (item.children.length > 0) { + item.children.forEach((obj) => { + if (obj.userData.type == "logo") { + if ( + rat - obj.userData.rot > 1.7 || + rat - obj.userData.rot < -1.7 + ) { + obj.rotation.z = + obj.userData.rot < 0 + ? obj.userData.rot + 3.1415926 + : obj.userData.rot - 3.1415926; + } else { + obj.rotation.z = obj.userData.rot; + } + } + }); + } + }); + } + } + } + }, + disPlayEvent: function () { + renderCount = 0; + let distance = Map_QM.controls.getDistance(); + if (distance > Map_QM.util.changeDist.outner + 20 && mapState != "periphery") { + Map_QM.toPeripheryInner(); + } else if (distance > Map_QM.util.changeDist.inner + 20 && distance < Map_QM.util.changeDist.outner - 20 && mapState != "out") { + Map_QM.toOutModelInner(); + } else if (distance < Map_QM.util.changeDist.inner - 20 && mapState != "mall") { + Map_QM.toMallInner(); + } }, - disPlayEvent: function (e) { - renderCount=0; - Map_QM.collLabel(); - }, /** * 碰撞检测 * @param {Object} 传入检测楼层下标 */ controlsChock: function () { - Map_QM.autoChangeEleAngle() - renderCount=0; + Map_QM.autoChangeEleAngle(); + renderCount = 0; /** * @api {事件} MapAngleChange 地图的方向改变 * @apiGroup 地图事件 * @apiDescription 用户操作地图时触发 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiSampleRequest off * * @apiParamExample 请求示例 * Map_QM.addEventListener("MapAngleChange",onMapAngleChange,false); */ Map_QM.dispatchEvent({ - type: 'MapAngleChange', - data: { hAngle: Map_QM.controls.getRotateHorizontal(), vAngle: Map_QM.controls.getRotate() } - }) - - if (Map_QM.util.options.inArea && isJUZ) { - clearTimeout(shopTime); - shopTime = setTimeout(() => { - clearTimeout(shopTime); - isJUZ = false; - Map_QM.controls.setZoom(1) - Map_QM.controls.reset() - Map_QM.util.options.deviceAng && Map_QM.rotationAngle(Map_QM.util.deviceObj.angle) - }, 6000); - } + type: "MapAngleChange", + data: { + hAngle: Map_QM.controls.getRotateHorizontal(), + vAngle: Map_QM.controls.getRotate(), + }, + }); + + if (Map_QM.util.options.inArea && isJUZ && allJU) { + clearTimeout(shopTime); + shopTime = setTimeout(() => { + clearTimeout(shopTime); + isJUZ = false; + Map_QM.controls.reset(); + Map_QM.util.options.deviceAng && Map_QM.rotationAngle(Map_QM.util.deviceObj.angle); + }, 10000); + } }, //内部碰撞检测 collLabel: function () { - if (!Map_QM) { - return; - } - if (Map_QM.mapArr[Map_QM.util.selectBuild] && Map_QM.buildObj.visible && Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor]) { - if (Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.visible && (!Map_QM.buildObj.userData.hasOwnProperty("visible") || Map_QM.buildObj.userData.visible)) { - let childs = Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj.children; - let len = childs.length - for (let i = 0; i < len; i++) { - if(!childs[i].userData.isShow){ //是否可见 - continue; - } - let obj = childs[i].element; - if(Map_QM.util.options.collision){ - if (obj.style.transform) { - obj.style.display = "" - let labP = obj.getBoundingClientRect() - for (let j = 0; j < i; j++) { - if (childs[j].element.style.display == "") { - let pb = childs[j].element.getBoundingClientRect() - let isCol = Map_QM.util.isCollision(labP, pb) - if (isCol) { - if (!childs[i].userData.mapShow) { - obj.style.display = "none" - break; - } else if (!childs[j].userData.mapShow) { - childs[j].element.style.display = "none" - } - } - } - } - } - }else{ - obj.style.display = "" - } - } - } - } - - }, + if (!Map_QM || !isShowElement) { + return; + } + if(window.requestIdleCallback){ + requestIdleCallback(Map_QM.runTaskQueue, { timeout: 300 }); + }else{ + clearTimeout(allTime); + allTime = setTimeout(() => { + clearTimeout(allTime); + Map_QM.runTaskQueue(); + }, 300); + } + }, + runTaskQueue: function (){ + if (Map_QM.mapArr[Map_QM.util.selectBuild] && Map_QM.buildObj.visible && Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor]) { + if (Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.visible && (!Map_QM.buildObj.userData.hasOwnProperty("visible") || Map_QM.buildObj.userData.visible)) { + let childs = Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj.children; + let len = childs.length; + for (let i = 0; i < len; i++) { + if (!childs[i].userData.isShow) { + //是否可见 + continue; + } + if (!Map_QM.util.options.collision) { + childs[i].element.style.display = ""; + continue; + } + let obj = childs[i].element; + obj.style.display = ""; + let labP = obj.getBoundingClientRect(); + for (let j = 0; j < i; j++) { + if (childs[j].element.style.display == "") { + let pb = childs[j].element.getBoundingClientRect(); + let isCol = Map_QM.util.isCollision(labP, pb); + if (isCol) { + if (!childs[i].userData.mapShow) { + childs[i].element.style.display = "none"; + break; + } else if (!childs[j].userData.mapShow) { + childs[j].element.style.display = "none"; + } + } + } + } + } + } + } + }, /** * 寻路---------------------------------------------------------------------------------------------------------------------------------------- */ /** - * @api {方法} bounceIcon({type:"xsj"}) 图标弹跳 + * @api {方法} bounceIcon("xsj") 图标弹跳 * @apiGroup 地图导航 * @apiDescription 地图图标弹跳效果 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {String} iconType 设施缩写 * * @apiSampleRequest off * * @apiParamExample {String} 请求示例 * - * Map_QM.bounceIcon({type:"xsj"}); + * Map_QM.bounceIcon("xsj"); * */ bounceIcon: function (iconType) { - let toFloor = parseInt(Map_QM.util.selectFloor) - let facs = Map_QM.mapArr[Map_QM.util.selectBuild][toFloor].serObj.children //交通图标 + TweenMax.killAll(true); + let facs = + Map_QM.mapArr[Map_QM.util.selectBuild][parseInt(Map_QM.util.selectFloor)] + .serObj.children; //交通图标 for (let i = 0; i < facs.length; i++) { - if (facs[i].type == 'Object3D') { - facs[i].reSetSite() - if (facs[i].facCode == iconType) { - facs[i].jumpIcon() + if (facs[i].type == "Object3D") { + if (facs[i].userData.facCode == iconType) { + facs[i].element.style.zIndex = 200; + let oldZ = facs[i].userData.site + 5; + TweenMax.fromTo( + facs[i].position, + 0.5, + { z: oldZ }, + { + z: oldZ + 80, + repeat: 1, + onUpdate: function () { + Map_QM.labelRenderer.renderObject( + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].CSSObj, Map_QM.scene, Map_QM.camera); + }, + onComplete: function () { + TweenMax.to(facs[i].position, 0.2, { + z: oldZ, + onUpdate: function () { + Map_QM.labelRenderer.renderObject(Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].CSSObj, Map_QM.scene, Map_QM.camera); + }, + }); + }, + } + ); + } else { + facs[i].element.style.zIndex = 100; + } + } + } + }, + /** + * @api {方法} countPath() 方向算法 + * @apiGroup 地图导航 + * @apiDescription 计算设施、店铺的导航方向, toObj,pathType 不能同时为空 + * @apiVersion 4.0.0 + * @apiParam {Object} toObj {build,floor,node} //终点 设施寻路可以为空 + * @apiParam {String} pathType 公共设施名称或编号（点位寻路此参数为空字符串） + * @apiParam {String} countType 8--八方向(默认) 12--十二方向 + * + * @apiSampleRequest off + * + * @apiParamExample {String} 请求示例 + * + * 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 }; + countType = _countType; + Map_QM.util.overObj = null; + if (pathType == "") { + //传入终点导航点 + Map_QM.util.overObj = toObj; + if ( + Map_QM.util.startObj.node != "" && + Map_QM.util.startObj.node != "-1" && + Map_QM.util.overObj.node != "" + ) { + this.forShopArr.length = 0; + return this.forDirPath(); + } else { + direction.code = "404"; + return direction; + } + } else { + // + let iconPath = this.pathIcon({ type: pathType }); + Map_QM.util.overObj = iconPath; + if ( + Map_QM.util.startObj.node != "" && + Map_QM.util.startObj.node != "-1" && + Map_QM.util.overObj.node != "" + ) { + this.forShopArr.length = 0; + return this.forDirPath(); + } + } + return (direction = { code: 404, dir: "", cost: 0, gap: 0 }); + }, + forDirPath: function () { + let startNade = Map_QM.util.startObj.build +"_" +Map_QM.util.startObj.floor +"_" +Map_QM.util.startObj.node; + let toNade = Map_QM.util.overObj.build +"_" +Map_QM.util.overObj.floor +"_" +Map_QM.util.overObj.node; + let PathPoint; + direction = { code: 500, dir: "", cost: 0, gap: 0 }; + try { + let obj = dijkstra.find_path(Map_QM.util.pathStateObj.graphPath,startNade,toNade); + PathPoint = obj.nodes; + direction.cost = Math.floor((obj.cost / Map_QM.util.options.mapScale) * 0.9); + direction.gap = parseInt(obj.cost / Map_QM.util.options.mapScale); + } catch (e) { + window.captureException && window.captureException(e); + console.log(e); + direction.code = 404; + return direction; + } + let index = 0; + this.forShopArr = []; + if (PathPoint.length > 1) { + this.forShopArr.push({build: Map_QM.util.startObj.build,floor: Map_QM.util.startObj.floor,PathPoint: [],}); + let pathData; + for (let j = 0; j < PathPoint.length; j++) { + let array = PathPoint[j].split("_"); + pathData = Map_QM.util.allMap[parseInt(array[0])].buildArr[parseInt(array[1])].mapData.path; + pathData.nodes.sort(Map_QM.util.sortNumber); + if (parseInt(array[1]) == this.forShopArr[index].floor) { + //同层 + this.forShopArr[index].PathPoint.push(pathData.nodes[parseInt(array[2])]); + } else { + this.forShopArr.push({ + build: parseInt(array[0]), + floor: parseInt(array[1]), + PathPoint: [], + }); + index++; + this.forShopArr[index].PathPoint.push(pathData.nodes[parseInt(array[2])]); + } + } + } else { + this.forShopArr.length = 0; + } + if (this.forShopArr.length > 0) { + //--------------------------计算方向 + direction.code = 200; + if (countType == "12") { + //16方向 + Map_QM.countSixteenArrow(); + } else { + Map_QM.countStartAndEndDire(); + } + } + console.log(this.forShopArr); + if (this.forShopArr.length > 1) { + let facType; + if (this.forShopArr[0].floor > this.forShopArr[1].floor) { + //下 + if ( + Math.abs( + parseInt(this.forShopArr[0].floor) - + parseInt(this.forShopArr[1].floor) + ) < 3 + ) { + //扶梯 + facType = Map_QM.util.getFacType("downft"); + } else { + facType = Map_QM.util.getFacType("dt"); + } + } else { + if ( + Math.abs( + parseInt(this.forShopArr[0].floor) - + parseInt(this.forShopArr[1].floor) + ) < 3 + ) { + //扶梯 + facType = Map_QM.util.getFacType("upft"); + } else { + facType = Map_QM.util.getFacType("dt"); + } + } + facType = facType + ""; + if (facType.length === 1) { + direction.dir = "600" + facType; + } else if (facType.length === 2) { + direction.dir = "60" + facType; + } else if (facType.length === 3) { + direction.dir = "6" + facType; + } + } + return direction; + }, + /** + * 计算十六方向箭头 + */ + countSixteenArrow: function () { + if (this.forShopArr[0].PathPoint.length > 1) { + let keyPoints = [], + ishas = false, + allCount = 0; + for (let i = 1; i < this.forShopArr[0].PathPoint.length; i++) { + let s = Math.sqrt(Math.pow(this.forShopArr[0].PathPoint[i].x - this.forShopArr[0].PathPoint[i - 1].x,2) + + Math.pow(this.forShopArr[0].PathPoint[i].y -this.forShopArr[0].PathPoint[i - 1].y,2)); + if (s < 20) { + continue; + } + ishas = false; + let dirObj = { + angleName: Map_QM.getPathAngle(this.forShopArr[0].PathPoint[i - 1],this.forShopArr[0].PathPoint[i]), + count: s, + }; + allCount += s; + if (keyPoints.length > 0 &&keyPoints[keyPoints.length - 1].angleName == dirObj.angleName) { + keyPoints[keyPoints.length - 1].count += s; + ishas = true; + } + if (!ishas) { + keyPoints.push(dirObj); + } + } + if (allCount < 150) { + //总长度< 150 按8方向 + Map_QM.countStartAndEndDire(); + return; + } + if (keyPoints.length == 1) { + direction.dir = Map_QM.getDirByName(keyPoints[0].angleName); + return; + } + if (keyPoints.length == 0) { + //没有路径，按方向计算 + direction.code = 404; + return; + } + let upCount = 0, + rightFrontCount = 0, + rightCount = 0, + leftFrontCount = 0; + for (let item of keyPoints) { + if (item.angleName == "up") { + upCount += item.count; + } else if (item.angleName == "down") { + upCount -= item.count; + } else if (item.angleName == "right") { + rightCount += item.count; + } else if (item.angleName == "left") { + rightCount -= item.count; + } else if (item.angleName == "rightFront") { + rightFrontCount += item.count; + } else if (item.angleName == "rightRear") { + leftFrontCount -= item.count; + } else if (item.angleName == "leftFront") { + leftFrontCount += item.count; + } else if (item.angleName == "leftRear") { + rightFrontCount -= item.count; + } + } + console.log(keyPoints); + //斜方向忽略 + let dir1 = ""; + let bjCount = Math.max(150, allCount / 10); + let onlyDir = ""; + for (let item of keyPoints) { + if ( + item.angleName != "rightFront" && + item.angleName != "leftFront" && + item.angleName != "rightRear" && + item.angleName != "leftRear" + ) { + onlyDir = + dir1.length > 0 + ? dir1.substring(dir1.length - 1, dir1.length) + : dir1; + if ( + item.angleName == "down" && + (item.count > bjCount || upCount < -1 * bjCount) + ) { + if (onlyDir != "D") { + dir1 += "D"; + } + } else if ( + item.angleName == "up" && + (item.count > bjCount || upCount > bjCount) + ) { + if (onlyDir != "T") { + dir1 += "T"; + } + } else if ( + item.angleName == "right" && + (item.count > bjCount || rightCount > bjCount) + ) { + if (onlyDir != "R") { + dir1 += "R"; + } + } else if ( + item.angleName == "left" && + (item.count > bjCount || rightCount < -1 * bjCount) + ) { + if (onlyDir != "L") { + dir1 += "L"; + } + } } } + //console.log(dir1) + if (dir1.length > 2) dir1 = dir1.substring(0, 2); //两个以上方向 + direction.dir = Map_QM.getDirByName(dir1); + if (!direction.dir) Map_QM.countStartAndEndDire(); + } else { + //没有路径，按方向计算 + direction.code = 404; + } + }, + + getDirByName: function (dir) { + switch (dir) { + default: + return ""; + case "T": + return "1201"; + case "R": + return "1202"; + case "D": + return "1203"; + case "L": + return "1204"; + case "TL": + return "1205"; + case "TR": + return "1206"; + case "RT": + return "1207"; + case "RD": + return "1208"; + case "DL": + return "1209"; + case "DR": + return "1210"; + case "LT": + return "1211"; + case "LD": + return "1212"; + case "up": + return "1201"; + case "rightFront": + return "8002"; + case "right": + return "1202"; + case "rightRear": + return "8004"; + case "down": + return "1203"; + case "leftRear": + return "8006"; + case "left": + return "1204"; + case "leftFront": + return "8008"; + } + }, + + /** + * 计算八方向坐标 + */ + countStartAndEndDire: function () { + let sPoint = new Map_QM.util.Point( + this.forShopArr[0].PathPoint[0].x, + this.forShopArr[0].PathPoint[0].y + ); //本层起始点坐标 + let ePoint = new Map_QM.util.Point( + this.forShopArr[0].PathPoint[this.forShopArr[0].PathPoint.length - 1].x, + this.forShopArr[0].PathPoint[this.forShopArr[0].PathPoint.length - 1].y + ); //本层结束点坐标 + switch (Map_QM.getPathAngle(sPoint, ePoint)) { + default: + direction.dir = "8001"; + case "up": + direction.dir = "8001"; + break; + case "rightFront": + direction.dir = "8002"; + break; + case "right": + direction.dir = "8003"; + break; + case "rightRear": + direction.dir = "8004"; + break; + case "down": + direction.dir = "8005"; + break; + case "leftRear": + direction.dir = "8006"; + break; + case "left": + direction.dir = "8007"; + break; + case "leftFront": + direction.dir = "8008"; + break; + } + }, + + getPathAngle: function (sPoint, ePoint) { + let x = Math.abs(sPoint.x - ePoint.x); + let y = Math.abs(sPoint.y - ePoint.y); + let tan = x / y; + let radina = Math.atan(tan); //用反三角函数求弧度 + let angle = Math.floor(180 / (Math.PI / radina)) || 0; //将弧度转换成角度 + + if (ePoint.x > sPoint.x && ePoint.y > sPoint.y) { + // 右下方 + angle = 180 - angle; + } + if (ePoint.x == sPoint.x && ePoint.y > sPoint.y) { + // 正下方 + angle = 180; + } + if (ePoint.x < sPoint.x && ePoint.y > sPoint.y) { + //左下方 + angle = angle - 180; + } + if (ePoint.x < sPoint.x && ePoint.y == sPoint.y) { + //左方 + angle = -90; + } + if (ePoint.x < sPoint.x && ePoint.y < sPoint.y) { + // 左上方 + angle = -1 * angle; + } + if (ePoint.x == sPoint.x && ePoint.y < sPoint.y) { + //上方 + angle = 0; + } + if (ePoint.x > sPoint.x && ePoint.y < sPoint.y) { + //右上方 + angle = angle; + } + if (ePoint.x > sPoint.x && ePoint.y == sPoint.y) { + //point在x轴正方向上 + angle = 90; + } + angle -= Map_QM.util.deviceObj.angle; + angle = angle > 180 ? angle - 360 : angle; + angle = angle < -180 ? angle + 360 : angle; + + if (angle > -22 && angle <= 22) { + //前 + return "up"; + } else if (angle > 22 && angle <= 67) { + //右前 + return "rightFront"; + } else if (angle > 67 && angle <= 112) { + //右 + return "right"; + } else if (angle > 112 && angle <= 158) { + //右后 + return "rightRear"; + } else if (angle > 158 || angle <= -158) { + //后 + return "down"; + } else if (angle > -158 && angle <= -112) { + //左后 + return "leftRear"; + } else if (angle > -112 && angle <= -67) { + //左 + return "left"; + } else { + //左前 + return "leftFront"; } }, /** * @api {方法} pathIcon({type:"xsj"}) 获取最近设施 * @apiGroup 地图导航 * @apiDescription 获取离当前楼层最近的设施 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {JSON} type 设施缩写 * * @apiSampleRequest off @@ -3088,84 +4402,103 @@ MainMap_QM.prototype = { * } * */ - pathIcon: function (iconType) { - let selIcon; // - let minS = -1; - if (!Map_QM.util.startObj.build && parseInt(Map_QM.util.startObj.build) != 0) { - Map_QM.util.startObj.build = parseInt(Map_QM.util.deviceObj.build); - } - try{ - let startNade = Map_QM.util.startObj.build + "_" + Map_QM.util.startObj.floor + "_" + Map_QM.util.startObj.node; - const costAll = dijkstra.single_source_shortest_paths(Map_QM.util.pathStateObj.graphPath, startNade, startNade).costs; - if (costAll) { - for (let i = 0; i < Map_QM.mapArr[parseInt(Map_QM.util.deviceObj.build)].length; i++) { - let sers = Map_QM.mapArr[parseInt(Map_QM.util.deviceObj.build)][i].serObj.children; //服务图标 - for (let n = 0; n < sers.length; n++) { - if (sers[n].userData.facCode == iconType.type || ((iconType.type=="xsjn" || iconType.type=="xsjv") && sers[n].userData.facCode=="xsj")) { - let toNade = sers[n].userData.buildOrder+ "_" + sers[n].userData.floorOrder + "_" + sers[n].userData.navCode; - if (!selIcon) { - minS = costAll[toNade]; - if (minS) { - selIcon = sers[n]; - } - } else { - let s1 = costAll[toNade]; - if (s1 && s1 < minS) { - minS = s1; - selIcon = sers[n]; - } - } - } - } - } - - if (selIcon) { - return { "build": parseInt(Map_QM.util.deviceObj.build), "floor": selIcon.userData.floorOrder, "site": { x: selIcon.position.x, y: selIcon.position.y }, "node": selIcon.userData.navCode, "no": selIcon.userData.no, "typeCode": Map_QM.util.getFacType(iconType.type) }; - } else { // 当前楼栋没有 - for (let b = 0; b < Map_QM.mapArr.length; b++) { - if (b != parseInt(Map_QM.util.deviceObj.build)) { - for (let i = 0; i < Map_QM.mapArr[b].length; i++) { - let sers = Map_QM.mapArr[b][i].serObj.children; //服务图标 - for (let n = 0; n < sers.length; n++) { - if (sers[n].userData.facCode == iconType.type) { - let toNade = b + "_" + sers[n].userData.floorOrder + "_" + sers[n].userData.navCode; - if (!selIcon) { - minS = costAll[toNade]; - if (minS) { - selIcon = sers[n]; - selIcon.build = b; - } - } else { - let s1 = costAll[toNade]; - if (s1 && s1 < minS) { - minS = s1; - selIcon = sers[n]; - selIcon.build = b; - } - } - } - } - } - } - } - if (selIcon) { - return { "build": selIcon.userData.buildOrder, "floor": selIcon.userData.floorOrder, "node": selIcon.userData.navCode, "site": { x: selIcon.position.x, y: selIcon.position.y }, "no": selIcon.userData.no, "typeCode": Map_QM.util.getFacType(iconType.type) }; - } - } - } - }catch(e){ - console.log(e) - } - }, + pathIcon: function (iconType) { + let selIcon; // + let minS = -1; + if ( + !Map_QM.util.startObj.build && + parseInt(Map_QM.util.startObj.build) != 0 + ) { + Map_QM.util.startObj.build = parseInt(Map_QM.util.deviceObj.build); + } + try { + let startNade = Map_QM.util.startObj.build +"_" +Map_QM.util.startObj.floor +"_" +Map_QM.util.startObj.node; + const costAll = dijkstra.single_source_shortest_paths( Map_QM.util.pathStateObj.basePath,startNade,startNade).costs; + if (costAll) { + for (let i = 0;i < Map_QM.mapArr[parseInt(Map_QM.util.deviceObj.build)].length;i++) { + let sers =Map_QM.mapArr[parseInt(Map_QM.util.deviceObj.build)][i].serObj.children; //服务图标 + for (let n = 0; n < sers.length; n++) { + if (sers[n].userData.facCode == iconType.type ||((iconType.type == "xsjn" || iconType.type == "xsjv") && sers[n].userData.facCode == "xsj")) { + let toNade =sers[n].userData.buildOrder +"_" +sers[n].userData.floorOrder +"_" +sers[n].userData.navCode; + if (!selIcon) { + minS = costAll[toNade]; + if (minS) { + selIcon = sers[n]; + } + } else { + let s1 = costAll[toNade]; + if (s1 && s1 < minS) { + minS = s1; + selIcon = sers[n]; + } + } + } + } + } + + if (selIcon) { + return { + build: parseInt(Map_QM.util.deviceObj.build), + floor: selIcon.userData.floorOrder, + site: { x: selIcon.position.x, y: selIcon.position.y }, + node: selIcon.userData.navCode, + no: selIcon.userData.no, + typeCode: Map_QM.util.getFacType(iconType.type), + }; + } else { + // 当前楼栋没有 + for (let b = 0; b < Map_QM.mapArr.length; b++) { + if (b != parseInt(Map_QM.util.deviceObj.build)) { + for (let i = 0; i < Map_QM.mapArr[b].length; i++) { + let sers = Map_QM.mapArr[b][i].serObj.children; //服务图标 + for (let n = 0; n < sers.length; n++) { + if (sers[n].userData.facCode == iconType.type) { + let toNade =b +"_" +sers[n].userData.floorOrder +"_" +sers[n].userData.navCode; + if (!selIcon) { + minS = costAll[toNade]; + if (minS) { + selIcon = sers[n]; + selIcon.build = b; + } + } else { + let s1 = costAll[toNade]; + if (s1 && s1 < minS) { + minS = s1; + selIcon = sers[n]; + selIcon.build = b; + } + } + } + } + } + } + } + if (selIcon) { + return { + build: selIcon.userData.buildOrder, + floor: selIcon.userData.floorOrder, + node: selIcon.userData.navCode, + site: { x: selIcon.position.x, y: selIcon.position.y }, + no: selIcon.userData.no, + typeCode: Map_QM.util.getFacType(iconType.type), + }; + } + } + } + } catch (e) { + window.captureException && window.captureException(e); + console.log(e); + } + }, /** * @api {方法} pathByStartAndOver(startObj,toObj,callBackFun) 地图路径规划 * @apiGroup 地图导航 * @apiDescription 根据传入的起、终点；直接导航 - * @apiVersion 2.0.0 - * @apiParam {String} startObj.shopNum 店铺编号/车位编号 + * @apiVersion 4.0.0 + * @apiParam {String} startObj.houseNumber 店铺编号/车位编号 * @apiParam {String} startObj.type "shop"/"park" * - * @apiParam {String} toObj.shopNum 店铺编号/车位编号 + * @apiParam {String} toObj.houseNumber 店铺编号/车位编号 * @apiParam {String} toObj.type "shop"/"park" * * @apiParam {Function} callBackFun 回调函数 @@ -3174,16 +4507,17 @@ MainMap_QM.prototype = { * * @apiParamExample {String} 请求示例 * - * Map_QM.pathByStartAndOver({"shopNum":"L102","type":"shop"},{"shopNum":"L204","type":"shop"}); + * Map_QM.pathByStartAndOver({"houseNumber":"L102","type":"shop"},{"houseNumber":"L204","type":"shop"}); * */ pathByStartAndOver: function (startObj, toObj, callBackFun) { try { - Map_QM.util.startObj = this.shopNumToNavPoint(startObj, startObj.type) - let overObj = this.shopNumToNavPoint(toObj, toObj.type) - this.pathNode(overObj, callBackFun) + Map_QM.util.startObj = this.shopNumToNavPoint(startObj, startObj.type); + let overObj = this.shopNumToNavPoint(toObj, toObj.type); + this.pathNode(overObj, callBackFun); } catch (e) { - return '传入点位无法导航' + window.captureException && window.captureException(e); + return "传入点位无法导航"; } }, @@ -3191,7 +4525,7 @@ MainMap_QM.prototype = { * @api {方法} changeStartPoint() 设置起始点位 * @apiGroup 地图导航 * @apiDescription 设置起始点位 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {int} build 起点楼栋编号 * @apiParam {int} floor 起点楼层编号 * @apiParam {String} node 起点编号 @@ -3205,42 +4539,48 @@ MainMap_QM.prototype = { * */ changeStartPoint: function (toObj) { - this.clearFloor() - for (let i = 0; i < this.mapArr[parseInt(this.util.startObj.build)].length; i++) { - for (let len = this.mapArr[parseInt(this.util.startObj.build)][i].allObj.children.length - 1; len >= 0; len--) { - let obj = this.mapArr[parseInt(this.util.startObj.build)][i].allObj.children[len] - if (obj.userData.type == 'start') { - this.mapArr[parseInt(this.util.startObj.build)][i].allObj.remove(obj) + this.clearFloor(); + if (this.mapArr) { + for (let i = 0;i < this.mapArr[parseInt(this.util.startObj.build)].length;i++) { + for (let len =this.mapArr[parseInt(this.util.startObj.build)][i].allObj.children.length - 1;len >= 0;len--) { + let obj =this.mapArr[parseInt(this.util.startObj.build)][i].allObj.children[len]; + if (obj.userData.type == "start") { + this.mapArr[parseInt(this.util.startObj.build)][i].allObj.remove(obj); + } } } } + this.util.startObj = {}; if (toObj && toObj.node) { - let pathData = this.util.allMap[parseInt(toObj.build)].buildArr[parseInt(toObj.floor)].mapData.path - this.util.startObj.xaxis = pathData.nodes[parseInt(toObj.node)].x - this.util.startObj.yaxis = pathData.nodes[parseInt(toObj.node)].y - this.util.startObj.build = parseInt(toObj.build); - this.util.startObj.floor = parseInt(toObj.floor); - this.util.startObj.node = toObj.node; - this.util.startObj.angle = toObj.angle || 0; + let pathData =this.util.allMap[parseInt(toObj.build)].buildArr[parseInt(toObj.floor)].mapData.path; + this.util.startObj.xaxis = pathData.nodes[parseInt(toObj.node)].x; + this.util.startObj.yaxis = pathData.nodes[parseInt(toObj.node)].y; + this.util.startObj.build = parseInt(toObj.build); + this.util.startObj.floor = parseInt(toObj.floor); + this.util.startObj.node = toObj.node; + this.util.startObj.angle = toObj.angle || 0; } else { - let pathData = this.util.allMap[parseInt(this.util.deviceObj.build)].buildArr[parseInt(this.util.deviceObj.floor)].mapData.path - pathData.nodes.sort(this.util.sortNode) - this.util.deviceObj.xaxis = pathData.nodes[parseInt(this.util.deviceObj.node)].x - this.util.deviceObj.yaxis = pathData.nodes[parseInt(this.util.deviceObj.node)].y - this.util.startObj = this.util.deviceObj + this.util.startObj.xaxis = this.util.deviceObj.xaxis; + this.util.startObj.yaxis = this.util.deviceObj.yaxis; + this.util.startObj.build = parseInt(this.util.deviceObj.build); + this.util.startObj.floor = parseInt(this.util.deviceObj.floor); + this.util.startObj.node = this.util.deviceObj.node; + this.util.startObj.angle = this.util.deviceObj.angle; + this.util.startObj.xaxis = this.util.deviceObj.xaxis; + this.util.startObj.yaxis = this.util.deviceObj.yaxis; } this.mapArr[parseInt(this.util.startObj.build)][parseInt(this.util.startObj.floor)].setStartSite( this.util.startObj.xaxis, this.util.startObj.yaxis, - parseInt(this.util.shopHeight)+20 - ) + parseInt(this.util.shopHeight) + 20 + ); }, /** * @api {方法} changeMapIPState(ipName,color) 改变POI颜色 * @apiGroup 地图交互 * @apiDescription 改变POI 颜色 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {string} ipName POI名称 * @apiParam {string} color 颜色字符串 * @@ -3251,48 +4591,50 @@ MainMap_QM.prototype = { * Map_QM.changeMapIPState("L1001","#ffff00"); * */ - changeMapIPState: function (ipName, color) { // #775544 #AD8164 - for (let i = 0; i < this.mapArr[this.util.selectBuild].length; i++) { - let shopArr = this.mapArr[this.util.selectBuild][i].shopObj.children - for (let k = 0; k < shopArr.length; k++) { - if (shopArr[k].name == ipName || (shopArr[k].userData && shopArr[k].userData.houseNumber == ipName)) { - shopArr[k].userData.initMaterial = shopArr[k].material - shopArr[k].material = this.util.getMeshMaterial(color || 0xeab16e) - break - } - } - } - }, - /** - * @api {方法} resetMapIPState(ipName) 恢复POI颜色 - * @apiGroup 地图交互 - * @apiDescription 恢复POI初始颜色 - * @apiVersion 4.0.0 - * @apiParam {string} ipName POI名称 - * - * @apiSampleRequest off - * - * @apiParamExample 请求示例 - * - * Map_QM.resetMapIPState("L101"); - * - */ - resetMapIPState: function (ipName) { - for (let i = 0; i < this.mapArr[this.util.selectBuild].length; i++) { - let shopArr = this.mapArr[this.util.selectBuild][i].shopObj.children - for (let k = 0; k < shopArr.length; k++) { - if (shopArr[k].name == ipName) { - shopArr[k].material = shopArr[k].userData.initMaterial - break - } - } - } - }, + changeMapIPState: function (ipName, color) { + // #775544 #AD8164 + for (let i = 0; i < this.mapArr[this.util.selectBuild].length; i++) { + let shopArr = this.mapArr[this.util.selectBuild][i].shopObj.children; + for (let k = 0; k < shopArr.length; k++) { + if (shopArr[k].name == ipName ||(shopArr[k].userData && shopArr[k].userData.houseNumber == ipName)) { + shopArr[k].userData.initMaterial = shopArr[k].material; + shopArr[k].material = this.util.getMeshMaterial(color || 0xeab16e); + break; + } + } + } + }, + /** + * @api {方法} resetMapIPState(ipName) 恢复POI颜色 + * @apiGroup 地图交互 + * @apiDescription 恢复POI初始颜色 + * @apiVersion 4.0.0 + * @apiParam {string} ipName POI名称 + * + * @apiSampleRequest off + * + * @apiParamExample 请求示例 + * + * Map_QM.resetMapIPState("L101"); + * + */ + resetMapIPState: function (ipName) { + for (let i = 0; i < this.mapArr[this.util.selectBuild].length; i++) { + let shopArr = this.mapArr[this.util.selectBuild][i].shopObj.children; + for (let k = 0; k < shopArr.length; k++) { + if (shopArr[k].name == ipName) { + shopArr[k].material = shopArr[k].userData.initMaterial; + break; + } + } + } + }, + /** * @api {方法} getMapIPData(ipName) 获取POI 基础数据 * @apiGroup 地图交互 * @apiDescription 获取POI 基础数据 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {string} ipName POI名称 * * @apiSampleRequest off @@ -3303,15 +4645,15 @@ MainMap_QM.prototype = { * * @apiSuccessExample 返回示例 * { - * shopNum:店铺编号, shopName:店铺名 node:导航点, floor:楼层编号, xaxis:中心点X坐标, yaxis:中心点Y坐标, borderColor:边框色, entColor:填充色 + * houseNumber:店铺编号, shopName:店铺名 node:导航点, floor:楼层编号, xaxis:中心点X坐标, yaxis:中心点Y坐标, borderColor:边框色, entColor:填充色 * } */ getMapIPData: function (ipName) { for (let i = 0; i < Map_QM.mapArr[Map_QM.util.selectBuild].length; i++) { - let shopArr = Map_QM.mapArr[Map_QM.util.selectBuild][i].shopObj.children + let shopArr = Map_QM.mapArr[Map_QM.util.selectBuild][i].shopObj.children; for (let k = 0; k < shopArr.length; k++) { - if (shopArr[k].name == ipName || (shopArr[k].userData && shopArr[k].userData.houseNumber == ipName)) { - return shopArr[k].userData + if (shopArr[k].name == ipName ||(shopArr[k].userData && shopArr[k].userData.houseNumber == ipName)) { + return shopArr[k].userData; } } } @@ -3321,7 +4663,7 @@ MainMap_QM.prototype = { * @api {方法} pathNode() 地图模拟导航 * @apiGroup 地图导航 * @apiDescription 地图路径模拟导航 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {int} floor 楼层编号 * @apiParam {string} node 路径点位编号 * @apiParam {function} callBackFun 回调方法 @@ -3334,69 +4676,360 @@ MainMap_QM.prototype = { * */ pathNode: function (toObj, callBackFun) { + Map_QM.util.isMorePath = false; if (!toObj) { - return { direction: '', wayList: [] } + return { direction: "", wayList: [] }; } - pathCameraState = Map_QM.util.options.pathStyle + pathCameraState = Map_QM.util.options.pathStyle; Map_QM.reSetGuide(); - Map_QM.onShowDeviceSite() - Map_QM.selectShop = null - Map_QM.util.pathStateObj.isPathState = true + Map_QM.onShowDeviceSite(); + Map_QM.selectShop = null; + Map_QM.util.pathStateObj.isPathState = true; Map_QM.elementDestroy("all"); + if ( + Map_QM.util.initModelArr && + Map_QM.util.initModelArr.length > 0 && + Map_QM.util.changeDist.inner > Map_QM.util.options.minDis + ) { + Map_QM.controls.maxDistance = Map_QM.util.changeDist.inner; + } if (!Map_QM.util.startObj.xaxis && !Map_QM.util.startObj.yaxis) { - Map_QM.changeStartPoint(null) + Map_QM.changeStartPoint(null); } - Map_QM.util.overObj = null - Map_QM.util.overObj = { build: toObj.build || 0, floor: toObj.floor, node: toObj.node, shopNum: toObj.shopNum } - if (Map_QM.util.overObj.node != '') { - Map_QM.cancelRender() - this.onFindPathModel() + Map_QM.util.overObj = null; + Map_QM.util.overObj = { + build: toObj.build || 0, + floor: toObj.floor, + node: toObj.node, + houseNumber: toObj.houseNumber, + comeIn: toObj.comeIn || "", + }; + if (Map_QM.util.overObj.node != "") { + Map_QM.cancelRender(); + this.onFindPathModel(); if (callBackFun) { - Map_QM.parseForShopArr() - const data = JSON.parse(JSON.stringify(Map_QM.util.pathStateObj.forShopArr)) - callBackFun(data) + Map_QM.parseForShopArr(); + const data = JSON.parse( + JSON.stringify(Map_QM.util.pathStateObj.forShopArr) + ); + callBackFun(data); + } + Map_QM.startRender(); + } + }, + + /** + * @api {方法} pathShopList() 指定路径导航 + * @apiGroup 地图导航 + * @apiDescription 根据传入的店铺编号列表绘制导航路径 + * @apiVersion 4.0.0 + * @apiParam {Array} shopList 路径的店铺编号数组 + * @apiParam {Function} callBackFun 回调函数 + * + * @apiSampleRequest off + * + * @apiParamExample 请求示例 + * + * Map_QM.pathShopList(["L1-1","L1-5","L1-8","L1-10","LA-13"],()=>{}); + * + */ + pathShopList: function (shopList, callBackFun) { + if (!shopList || shopList.length < 2) { + return { direction: "", wayList: [] }; + } + let pathList = shopList.map(Map_QM.getPathNodeByHousenumber); + Map_QM.pathList(pathList, callBackFun); + }, + /** + * 获取导航点 + */ + getPathNodeByHousenumber: function (houseNumber) { + for (let h = 0; h < Map_QM.mapArr.length; h++) { + for (let i = 0; i < Map_QM.mapArr[h].length; i++) { + let shopArr = Map_QM.mapArr[h][i].shopObj.children; + for (let k = 0; k < shopArr.length; k++) { + if ( + shopArr[k].name == houseNumber && + parseInt(shopArr[k].node) >= 0 + ) { + return { + build: h, + floor: i, + path: h + "_" + i + "_" + shopArr[k].node, + node: shopArr[k].node, + }; + } + } + } + } + }, + getPathNodeByNode: function (nodeObj) { + let build = nodeObj.buildOrder || 0; + let floor = nodeObj.floorOrder || 0; + let node = parseInt(nodeObj.node); + if (isNaN(node)) { + return null; + } else { + return { + build: build, + floor: floor, + path: build + "_" + floor + "_" + node, + node: node, + }; + } + }, + /** + * @api {方法} pathShopList() 指定路径导航 + * @apiGroup 地图导航 + * @apiDescription 根据传入的店铺编号列表绘制导航路径 + * @apiVersion 4.0.0 + * @apiParam {Array} shopList 路径的店铺编号数组 + * @apiParam {Function} callBackFun 回调函数 + * + * @apiSampleRequest off + * + * @apiParamExample 请求示例 + * [{buildOrder:0,floorOrder:0,node:8},{buildOrder:0,floorOrder:0,node:13},{buildOrder:0,floorOrder:0,node:16},{buildOrder:0,floorOrder:0,node:20}],()=>{} + */ + pathNodeList: function (nodeList, callBackFun, isShowNo = true) { + Map_QM.elementDestroy("map_no", true); + if (!nodeList || nodeList.length < 2) { + return { direction: "", wayList: [] }; + } + Map_QM.selectShop = null; + Map_QM.util.pathStateObj.isPathState = true; + let pathList = nodeList.map(Map_QM.getPathNodeByNode); + Map_QM.pathList(pathList, callBackFun, isShowNo); + }, + pathList: function (pathList, callBackFun, isShowNo = false) { + Map_QM.util.isMorePath = true; + Map_QM.clearFloor(Map_QM.util.selectFloor || -1); + pathCameraState = Map_QM.util.options.pathStyle; + Map_QM.selectShop = null; + Map_QM.util.pathStateObj.isPathState = true; + Map_QM.cancelRender(); + let startNode, + endNode, + isFrist = true, + PathPoint = []; + try { + let index = 0, + findIndex = 0, + pathNodes = []; + pathList.forEach((item, inx) => { + if (isShowNo) { + //显示序号 + let pathN =Map_QM.util.allMap[parseInt(item.build)].buildArr[parseInt(item.floor)].mapData.path.nodes; + pathN.sort(Map_QM.util.sortNode); + let labelDiv = document.createElement("div"); + labelDiv.className = "map_no"; + labelDiv.innerText = inx + 1; + let img = document.createElement("img"); + img.src = "../static/img/arrowBlack.svg"; + labelDiv.appendChild(img); + let shopLabel = new THREE.CSS2DObject(labelDiv); + shopLabel.position.set(pathN[parseInt(item.node)].x,-1 * pathN[parseInt(item.node)].y,30); + shopLabel.applyMatrix4(Map_QM.mapArr[parseInt(item.build)][parseInt(item.floor)].allObj.matrix); + shopLabel.userData.type = "map_no"; + shopLabel.userData.index = inx; + shopLabel.userData.mapShow = true; + shopLabel.userData.isShow = false; //切换楼层默认不显示，且不参与碰撞检测 + Map_QM.CSSObject.add(shopLabel); + } + + if (startNode && startNode.path) { + endNode = item; + if (endNode && endNode.path) { + let iNodes = + Map_QM.util.allMap[parseInt(endNode.build)].buildArr[parseInt(endNode.floor)].mapData.path.nodes; + iNodes.sort(Map_QM.util.sortNode); + Map_QM.util.overObj.build = endNode.build; + Map_QM.util.overObj.floor = endNode.floor; + Map_QM.util.overObj.node = endNode.node; + Map_QM.util.overObj.xaxis = iNodes[parseInt(endNode.node)].x; + Map_QM.util.overObj.yaxis = iNodes[parseInt(endNode.node)].y; + Map_QM.util.overObj.angle = 0; + let pathNode = dijkstra.find_path(Map_QM.util.pathStateObj.graphPath,startNode.path,endNode.path).nodes; + if (pathNode.length > 1) { + let pathData; + for (let j = 0; j < pathNode.length; j++) { + let array = pathNode[j].split("_"); + if (j == 0 && isFrist) { + pathNodes.push({build: parseInt(array[0]),floor: parseInt(array[1]),pathNode: []}); + } + pathData = Map_QM.util.allMap[parseInt(array[0])].buildArr[parseInt(array[1])].mapData.path; + pathData.nodes.sort(Map_QM.util.sortNode); + if (array[0] == pathNodes[index].build) { + if (array[1] == pathNodes[index].floor) { + if (!pathNodes[index].pathNode[findIndex]) { + pathNodes[index].pathNode[findIndex] = []; + } + pathNodes[index].pathNode[findIndex].push(pathData.nodes[parseInt(array[2])]); + } else { + if (j > 0) { + pathNodes[index].Facilities = this.getFacilIcon(pathNode[j - 1].split("_"),parseInt(array[0])); + } else { + pathNodes[index].Facilities = null; + } + pathNodes.push({build: parseInt(array[0]),floor: parseInt(array[1]),pathNode: [],}); + index++; + findIndex = 0; + if (!pathNodes[index].pathNode[findIndex]) { + pathNodes[index].pathNode[findIndex] = []; + } + pathNodes[index].pathNode[findIndex].push(pathData.nodes[parseInt(array[2])]); + } + } else { + pathNodes.push({ build: parseInt(array[0]),floor: parseInt(array[1]),pathNode: []}); + index++; + findIndex = 0; + if (!pathNodes[index].pathNode[findIndex]) { + pathNodes[index].pathNode[findIndex] = []; + } + pathNodes[index].pathNode[findIndex].push( + pathData.nodes[parseInt(array[2])] + ); + } + } + } + if (isFrist) { + isFrist = false; + } else { + pathNode.shift(); + } + PathPoint.push(...pathNode); + startNode = endNode; + findIndex++; + } + } else { + startNode = item; + Map_QM.changeStartPoint({ + build: startNode.build, + floor: startNode.floor, + node: startNode.node, + angle: 0, + }); + } + }); + } catch (e) { + window.captureException && window.captureException(e); + console.log(e); + return; + } + Map_QM.forShopArr.length = 0; + Map_QM.util._indexPathFloor = 0; + Map_QM.util.pathStateObj.isPathPlay = true; + Map_QM.forShopListPath(PathPoint); //传入所有导航点 + if (callBackFun) { + Map_QM.parseForShopArr(); + const data = JSON.parse( + JSON.stringify(Map_QM.util.pathStateObj.forShopArr) + ); + callBackFun(data); + } + Map_QM.startRender(); + pathNodeList = null; + }, + + forShopListPath: function (PathPoint) { + let index = 0; + this.forShopArr = []; + if (PathPoint.length > 1) { + let pathData; + for (let j = 0; j < PathPoint.length; j++) { + let array = PathPoint[j].split("_"); + if (j == 0) { + this.forShopArr.push({ + build: parseInt(array[0]), + floor: parseInt(array[1]), + PathPoint: [], + }); + } + pathData = Map_QM.util.allMap[parseInt(array[0])].buildArr[parseInt(array[1])].mapData.path; + pathData.nodes.sort(Map_QM.util.sortNode); + if (array[0] == this.forShopArr[index].build) { + if (array[1] == this.forShopArr[index].floor) { + this.forShopArr[index].PathPoint.push(pathData.nodes[parseInt(array[2])]); + } else { + if (j > 0) { + this.forShopArr[index].Facilities = this.getFacilIcon(PathPoint[j - 1].split("_"),parseInt(array[0])); + } else { + this.forShopArr[index].Facilities = null; + } + this.forShopArr.push({build: parseInt(array[0]),floor: parseInt(array[1]),PathPoint: []}); + index++; + this.forShopArr[index].PathPoint.push(pathData.nodes[parseInt(array[2])]); + } + } else { + this.forShopArr.push({ build: parseInt(array[0]), floor: parseInt(array[1]), PathPoint: []}); + index++; + this.forShopArr[index].PathPoint.push(pathData.nodes[parseInt(array[2])]); + } + } + if (Map_QM.forShopArr.length > 0) { + // "floor" PathPoint Direction (Facilities) + 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; + if (Map_QM.forShopArr[m].wayShop[len - 1] && Map_QM.forShopArr[m].wayShop[len - 1].shop.yaxis == Map_QM.util.overObj.node) { + Map_QM.forShopArr[m].wayShop.pop(); + } + } + } + } else { + console.error("无可行路径"); + return; } - Map_QM.startRender() + this.onFindPathToObj(); } + pathNodeList = null; }, + parseForShopArr: function () { - Map_QM.util.pathStateObj.forShopArr = { direction: '', wayList: [] } + Map_QM.util.pathStateObj.forShopArr = { direction: "", wayList: [] }; Map_QM.forShopArr.forEach((item, index) => { - if (item.hasOwnProperty('Direction')) { - Map_QM.util.pathStateObj.forShopArr.direction = item.Direction - Map_QM.util.pathStateObj.forShopArr.directionEn = item.DirectionEn + if (item.hasOwnProperty("Direction")) { + Map_QM.util.pathStateObj.forShopArr.direction = item.Direction; + Map_QM.util.pathStateObj.forShopArr.directionEn = item.DirectionEn; } - if (item.hasOwnProperty('wayShop') && item.wayShop) { + if (item.hasOwnProperty("wayShop") && item.wayShop) { for (let i = 0; i < item.wayShop.length; i++) { - let enTlite = item.wayShop[i].shop.nameEn == '' ? item.wayShop[i].shop.name : item.wayShop[i].shop.nameEn + let enTlite = item.wayShop[i].shop.shopNameEn == "" ? item.wayShop[i].shop.shopName : item.wayShop[i].shop.shopNameEn; Map_QM.util.pathStateObj.forShopArr.wayList.push({ isAddPrefix: false, - name: '经过 ' + item.wayShop[i].shop.name, - nameEn: 'PASS ' + enTlite, - logoPath: item.wayShop[i].shop.logoPath, - code: item.wayShop[i].shop.code, - shopNum: item.wayShop[i].shop.houseNumber - }) + shopName: "经过 " + item.wayShop[i].shop.shopName || item.wayShop[i].shop.name, + shopNameEn: "PASS " + enTlite, + logoPath: item.wayShop[i].shop.logoPath || item.wayShop[i].shop.logoUrl, + shopCode: item.wayShop[i].shop.shopCode, + houseNumber: item.wayShop[i].shop.houseNumber, + }); } } - if (item.hasOwnProperty('Facilities') && item.Facilities) { + if (item.hasOwnProperty("Facilities") && item.Facilities) { //设施 Map_QM.util.pathStateObj.forShopArr.wayList.push({ isAddPrefix: true, - name: '乘坐 ' + item.Facilities.userData.title + '到 ' + Map_QM.mapArr[Map_QM.util.selectBuild][parseInt(Map_QM.forShopArr[index + 1].floor)].floorName, - nameEn: 'BY ' + item.Facilities.userData.title + 'TO ' + Map_QM.mapArr[Map_QM.util.selectBuild][parseInt(Map_QM.forShopArr[index + 1].floor)].floorName, + shopName: "乘坐 " + item.Facilities.userData.title +"到 " + Map_QM.mapArr[parseInt(Map_QM.forShopArr[index + 1].build)][parseInt(Map_QM.forShopArr[index + 1].floor)].floorName, + shopNameEn:"BY " +item.Facilities.userData.title +"TO " + Map_QM.mapArr[parseInt(Map_QM.forShopArr[index + 1].build)][parseInt(Map_QM.forShopArr[index + 1].floor)].floorName, logoPath: item.Facilities.imgUrl, - code: ((Math.random() * 0x1234567) | 0).toString(16).substring(0), - shopNum: item.Facilities.userData.facCode + item.Facilities.userData.no - }) + shopCode: ((Math.random() * 0x1234567) | 0).toString(16).substring(0), + houseNumber:item.Facilities.userData.facCode + item.Facilities.userData.no, + }); } - }) + }); }, /** * @api {方法} getGapByPathNode() 获取实际距离 * @apiGroup 地图导航 * @apiDescription 通过点位获取距离 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {int} floor 楼层编号 * @apiParam {string} node 路径点位编号 * @@ -3412,109 +5045,50 @@ MainMap_QM.prototype = { * } */ getGapByPathNode: function (toObj) { - let startNade = Map_QM.util.deviceObj.build + '_' + Map_QM.util.deviceObj.floor + '_' + Map_QM.util.deviceObj.node - let toNade = toObj.build + '_' + toObj.floor + '_' + toObj.node + let startNade = Map_QM.util.deviceObj.build +"_" + Map_QM.util.deviceObj.floor + "_" + Map_QM.util.deviceObj.node; + let toNade = toObj.build + "_" + toObj.floor + "_" + toObj.node; let path = { cost: -1 }, - minTime = 1 + minTime = 1; try { - path = dijkstra.find_path(Map_QM.util.pathStateObj.graphPath, startNade, toNade) - minTime = parseInt(path.cost / Map_QM.util.options.mapScale / 50) < 0.5 ? 0.5 : parseInt(path.cost / Map_QM.util.options.mapScale / 50) - console.log(`距离目的地 ${parseInt(path.cost / Map_QM.util.options.mapScale)} 米，预计${mint} 分钟`) // 21 是比例尺 + path = dijkstra.find_path( Map_QM.util.pathStateObj.basePath,startNade,toNade); + minTime = parseInt(path.cost / Map_QM.util.options.mapScale / 50) < 0.5? 0.5 : parseInt(path.cost / Map_QM.util.options.mapScale / 50); + console.log(`距离目的地 ${parseInt(path.cost / Map_QM.util.options.mapScale)} 米，预计${minTime} 分钟`); // 21 是比例尺 } catch (e) { - console.log(e) - } - return { dis: parseInt(path.cost / Map_QM.util.options.mapScale), time: minTime } - }, - /** - * @api {方法} getAllIcon() 获取所有Icon - * @apiGroup 地图数据 - * @apiDescription 获取所有Icon - * @apiVersion 2.0.0 - * @apiParam {int} floorOrder 楼层编号(默认 所有) - * - * @apiSampleRequest off - * - */ - getAllIcon: function (floorOrder = -1, buildOrder = -1) { - let icons = [] - if (floorOrder != -1) { - let bd = buildOrder == -1 ? Map_QM.util.selectBuild : buildOrder - let sers = Map_QM.mapArr[bd][floorOrder].serObj.children //服务图标 - for (let n = 0; n < sers.length; n++) { - if (sers[n].type == 'Object3D'&& sers[n].userData.type == "icon") { - let title = sers[n].userData.title || Map_QM.util.getFacName(sers[n].userData.facCode) - let titleEn = Map_QM.util.iconEn[title] - let type = sers[n].userData.facCode - let imgUrl = sers[n].userData.src - if (sers[n].userData.facCode == 'upft' || sers[n].userData.facCode == 'downft' || sers[n].userData.facCode == 'ft') { - if (title == '上扶梯' || title == '下扶梯') { - title = '扶梯' - } - titleEn = Map_QM.util.iconEn[title] - type = 'ft' - } - let icon = { type: type, floor: floorOrder, imgUrl: imgUrl, poid: sers[n].userData.poid, title: title, titleEn: titleEn } - icons.push(icon) - } - } - return icons - } - - for (let j = 0; j < Map_QM.mapArr.length; j++) { - let iconBuild = [] - for (let i = 0; i < Map_QM.mapArr[j].length; i++) { - let iconArr = [] - if (Map_QM.mapArr[j][i].serObj) { - let sers = Map_QM.mapArr[j][i].serObj.children //服务图标 - for (let n = 0; n < sers.length; n++) { - if (sers[n].type == 'Object3D' && sers[n].userData.type == "icon") { - let title = sers[n].userData.title || Map_QM.util.getFacName(sers[n].userData.facCode) - let titleEn = Map_QM.util.iconEn[title] - let type = sers[n].userData.facCode - let imgUrl = sers[n].userData.src - if (sers[n].userData.facCode == 'upft' || sers[n].userData.facCode == 'downft' || sers[n].userData.facCode == 'ft') { - title = '扶梯' - titleEn = Map_QM.util.iconEn[title] - type = 'ft' - } - let icon = { type: type, floor: i, imgUrl: imgUrl, poid: sers[n].userData.poid, title: title, titleEn: titleEn } - iconArr.push(icon) - } - } - } - iconBuild.push(iconArr) - } - icons.push(iconBuild) + window.captureException && window.captureException(e); + console.log(e); } - return icons + return { + dis: parseInt(path.cost / Map_QM.util.options.mapScale), + time: minTime, + }; }, /** * @api {方法} pathPark() 获取车位点位 * @apiGroup 地图数据 * @apiDescription 获取车位导航点 - * @apiVersion 2.0.0 - * @apiParam {String} shopNum 车位编号 + * @apiVersion 4.0.0 + * @apiParam {String} houseNumber 车位编号 * * @apiSampleRequest off * * @apiParamExample 请求示例 * - * Map_QM.pathPark({shopNum:"B1002"}); + * Map_QM.pathPark({houseNumber:"B1002"}); * * @apiSuccessExample 返回示例 * { - * shopNum: 车位编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标 + * houseNumber: 车位编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标 * } */ pathPark: function (toObj) { - return this.shopNumToNavPoint(toObj, 'park') + return this.shopNumToNavPoint(toObj, "park"); }, /** * @api {方法} pathShopByName() 获取店铺点位 * @apiGroup 地图数据 * @apiDescription 通过店铺名称获取点位 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {String} shopName 店铺名称 * * @apiSampleRequest off @@ -3525,74 +5099,154 @@ MainMap_QM.prototype = { * * @apiSuccessExample 返回示例 * { - * shopNum: 店铺编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标, comeIn:店铺多门点 + * houseNumber: 店铺编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标, comeIn:店铺多门点 * } */ pathShopByName: function (shopName) { for (let item of Map_QM.util.shopData) { if (item.name === shopName) { - let toObj = { shopNum: item.houseNumber, node: item.yaxis } + let toObj = { houseNumber: item.houseNumber, node: item.yaxis }; for (let h = 0; h < Map_QM.util.allMap.length; h++) { - let sArr = Map_QM.util.allMap[h].buildArr + let sArr = Map_QM.util.allMap[h].buildArr; for (let i = 0; i < sArr.length; i++) { - let shops = Map_QM.util.allMap[h].buildArr[i].mapData.shopArea + let shops = Map_QM.util.allMap[h].buildArr[i].mapData.shopArea; for (let k = 0; k < shops.length; k++) { - if (shops[k].name == toObj.shopNum) { - toObj.floor = i - toObj.build = h - toObj.node = shops[k].shopNav - toObj.xaxis = shops[k].xaxis - toObj.yaxis = shops[k].yaxis + if (shops[k].name == toObj.houseNumber) { + toObj.floor = i; + toObj.build = h; + toObj.node = shops[k].shopNav; + toObj.xaxis = shops[k].xaxis; + toObj.yaxis = shops[k].yaxis; if (shops[k].comeIn) { - toObj.comeIn = shops[k].comeIn + toObj.comeIn = shops[k].comeIn; } - return toObj + return toObj; } } } } - return toObj + return toObj; + } + } + }, + /** + * @api {方法} changeBoxStateByFormat() 切换box显示状态 + * @apiGroup 地图交互 + * @apiDescription 根据业态切换box显示状态 + * @apiVersion 4.0.0 + * @apiParam {String} formatCode 业态Id + * @apiParam {Boolean} isShow 是否显示 + * + * @apiSampleRequest off + * + * @apiParamExample {Object} 请求示例 + * + * Map_QM.changeBoxStateByFormat("X8f1sfGl0gfa_QwVcMy86",false); + * + */ + changeBoxStateByFormat: function (formatCode, isShow) { + for (let h = 0; h < Map_QM.mapArr.length; h++) { + for (let i = 0; i < Map_QM.mapArr[h].length; i++) { + let shopArr = Map_QM.mapArr[h][i].shopObj.children; + for (let k = 0; k < shopArr.length; k++) { + if ( + shopArr[k].userData && + shopArr[k].userData.formatCode == formatCode + ) { + shopArr[k].visible = isShow; + } + } + Map_QM.mapArr[h][i].labelObj.traverse((obj) => { + if (obj.element && obj.userData.formatCode == formatCode) { + obj.element.style.display = isShow ? "" : "none"; + obj.userData.isShow = isShow; + } + }); + } + } + Map_QM.updateRender(); + Map_QM.collLabel(); + }, + /** + * @api {方法} changeBoxStateByName() 切换box显示状态 + * @apiGroup 地图交互 + * @apiDescription 根据名称切换box显示状态 + * @apiVersion 4.0.0 + * @apiParam {String} houseNumber box名称 + * @apiParam {Boolean} isShow 是否显示 + * + * @apiSampleRequest off + * + * @apiParamExample {Object} 请求示例 + * + * Map_QM.changeBoxStateByName("L101", true); + * + */ + changeBoxStateByName: function (houseNumber, isShow) { + for (let h = 0; h < Map_QM.mapArr.length; h++) { + for (let i = 0; i < Map_QM.mapArr[h].length; i++) { + let shopArr = Map_QM.mapArr[h][i].shopObj.children; + for (let k = 0; k < shopArr.length; k++) { + if (shopArr[k].name == houseNumber) { + shopArr[k].visible = isShow; + } + } + Map_QM.mapArr[h][i].labelObj.traverse((obj) => { + if (obj.name == houseNumber) { + obj.element.style.display = isShow ? "" : "none"; + obj.userData.isShow = isShow; + } + }); } } + Map_QM.updateRender(); + Map_QM.collLabel(); }, /** * @api {方法} shopNumToNavPoint() 获取导航点位 * @apiGroup 地图导航 * @apiDescription 通过店铺编号或车位获取导航点位 - * @apiVersion 2.0.0 - * @apiParam {Object} object build,floor,shopNum 楼栋编号,楼层编号,店铺或车位编号 + * @apiVersion 4.0.0 + * @apiParam {Object} object build,floor,houseNumber 楼栋编号,楼层编号,店铺或车位编号 * @apiParam {String} type 店铺或车位标识 "shop" "park" * * @apiSampleRequest off * * @apiSuccessExample 返回示例 * { - * shopNum: 店铺编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标, comeIn:店铺多门点 + * houseNumber: 店铺编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标, comeIn:店铺多门点 * } */ shopNumToNavPoint: function (obj, type) { - let shopArr - let reObj = { build: Map_QM.util.selectBuild, node: '', xaxis: '', yaxis: '', floor: '', comeIn: '' } + let shopArr; + let reObj = { + build: Map_QM.util.selectBuild, + node: "", + xaxis: "", + yaxis: "", + floor: "", + comeIn: "", + }; for (let h = 0; h < Map_QM.util.allMap.length; h++) { - let sArr = Map_QM.util.allMap[h].buildArr + let sArr = Map_QM.util.allMap[h].buildArr; for (let i = 0; i < sArr.length; i++) { - if (type == 'shop') { - shopArr = sArr[i].mapData.shopArea - } else if (type == 'park') { - shopArr = sArr[i].mapData.parkArea + if (type == "shop") { + shopArr = sArr[i].mapData.shopArea; + } else if (type == "park") { + shopArr = sArr[i].mapData.parkArea; } for (let k = 0; k < shopArr.length; k++) { - if (shopArr[k].name == obj.shopNum) { - reObj.floor = i - reObj.build = h - reObj.xaxis = shopArr[k].xaxis - reObj.yaxis = shopArr[k].yaxis - reObj.node = shopArr[k].shopNav - reObj.shopNum = obj.shopNum + if (shopArr[k].name == obj.houseNumber) { + reObj.floor = i; + reObj.build = h; + reObj.xaxis = shopArr[k].xaxis; + reObj.yaxis = shopArr[k].yaxis; + reObj.node = shopArr[k].shopNav; + reObj.houseNumber = obj.houseNumber; if (shopArr[k].comeIn) { - reObj.comeIn = shopArr[k].comeIn + reObj.comeIn = shopArr[k].comeIn; } - return reObj + return reObj; } } } @@ -3602,108 +5256,131 @@ MainMap_QM.prototype = { * 模拟导航获取路线 */ onFindPathModel: function (usePath = null) { - Map_QM.forShopArr.length = 0 - Map_QM.util._indexPathFloor = 0 - Map_QM.util.pathStateObj.isPathPlay = true - if (isNaN(parseInt(Map_QM.util.startObj.node)) || parseInt(Map_QM.util.startObj.node) == -1) { - return + Map_QM.forShopArr.length = 0; + Map_QM.util._indexPathFloor = 0; + Map_QM.util.pathStateObj.isPathPlay = true; + if (isNaN(parseInt(Map_QM.util.startObj.node)) ||parseInt(Map_QM.util.startObj.node) == -1) { + return; } - if (!Map_QM.util.startObj.xaxis) { - let pathData = Map_QM.util.allMap[parseInt(Map_QM.util.startObj.build)].buildArr[parseInt(Map_QM.util.startObj.floor)].mapData.path - Map_QM.util.startObj.xaxis = pathData.nodes[parseInt(Map_QM.util.startObj.node)].x - Map_QM.util.startObj.yaxis = pathData.nodes[parseInt(Map_QM.util.startObj.node)].y - } - if (!usePath) { - usePath = Map_QM.util.pathStateObj.graphPath - } - if (Map_QM.util.overObj.comeIn) { - const costall = dijkstra.single_source_shortest_paths(Map_QM.util.pathStateObj.graphPath, startNade, startNade).costs - if (costall) { - let inArray = Map_QM.util.overObj.comeIn.split(',') - Map_QM.util.overObj.node = Map_QM.getMinCostByArray(Map_QM.util.overObj.floor, inArray, costall) + try { + if (!Map_QM.util.startObj.xaxis) { + let pathData = Map_QM.util.allMap[parseInt(Map_QM.util.startObj.build)].buildArr[parseInt(Map_QM.util.startObj.floor)].mapData.path; + Map_QM.util.startObj.xaxis = pathData.nodes[parseInt(Map_QM.util.startObj.node)].x; + Map_QM.util.startObj.yaxis = pathData.nodes[parseInt(Map_QM.util.startObj.node)].y; + } + if (!usePath) { + usePath = Map_QM.util.pathStateObj.graphPath; } + if (Map_QM.util.overObj.comeIn) { + const costall = dijkstra.single_source_shortest_paths( Map_QM.util.pathStateObj.graphPath, startNade,startNade).costs; + if (costall) { + let inArray = Map_QM.util.overObj.comeIn.split(","); + Map_QM.util.overObj.node = Map_QM.getMinCostByArray( Map_QM.util.overObj.floor,inArray, costall); + } + } + let startNade = + Map_QM.util.startObj.build + "_" + Map_QM.util.startObj.floor + "_" + Map_QM.util.startObj.node; + let toNade = Map_QM.util.overObj.build + "_" + Map_QM.util.overObj.floor + "_" + Map_QM.util.overObj.node; + let path = dijkstra.find_path(usePath, startNade, toNade); + Map_QM.forShopPath(path.nodes); + } catch (e) { + window.captureException && window.captureException(e); + console.log(e); + return; } - let startNade = Map_QM.util.startObj.build + "_" + Map_QM.util.startObj.floor + "_" + Map_QM.util.startObj.node; - let toNade = Map_QM.util.overObj.build + "_" + Map_QM.util.overObj.floor + "_" + Map_QM.util.overObj.node; - let path = dijkstra.find_path(usePath, startNade, toNade); - Map_QM.forShopPath(path.nodes); }, forShopPath: function (PathPoint) { - let Dir = '向前出发', - index = 0 - let DirEn = 'to forward' - this.forShopArr = [] + let Dir = "向前出发", + index = 0; + let DirEn = "to forward"; + this.forShopArr = []; if (PathPoint.length > 1) { - this.forShopArr.push({ build: Map_QM.util.startObj.build, floor: Map_QM.util.startObj.floor, PathPoint: [] }) - let pathData + this.forShopArr.push({ + build: Map_QM.util.startObj.build, + floor: Map_QM.util.startObj.floor, + PathPoint: [], + }); + let pathData; for (let j = 0; j < PathPoint.length; j++) { - let array = PathPoint[j].split('_') - pathData = Map_QM.util.allMap[parseInt(array[0])].buildArr[parseInt(array[1])].mapData.path + let array = PathPoint[j].split("_"); + pathData = Map_QM.util.allMap[parseInt(array[0])].buildArr[parseInt(array[1])].mapData.path; if (array[0] == this.forShopArr[index].build) { if (array[1] == this.forShopArr[index].floor) { - this.forShopArr[index].PathPoint.push(pathData.nodes[parseInt(array[2])]) + this.forShopArr[index].PathPoint.push(pathData.nodes[parseInt(array[2])]); } else { if (j > 0) { - this.forShopArr[index].Facilities = this.getFacilIcon(PathPoint[j - 1].split('_'), parseInt(array[0])) + this.forShopArr[index].Facilities = this.getFacilIcon( PathPoint[j - 1].split("_"),parseInt(array[0])); } else { - this.forShopArr[index].Facilities = null + this.forShopArr[index].Facilities = null; } - this.forShopArr.push({ build: parseInt(array[0]), floor: parseInt(array[1]), PathPoint: [] }) - index++ - this.forShopArr[index].PathPoint.push(pathData.nodes[parseInt(array[2])]) + this.forShopArr.push({ + build: parseInt(array[0]), + floor: parseInt(array[1]), + PathPoint: [] + }); + index++; + this.forShopArr[index].PathPoint.push(pathData.nodes[parseInt(array[2])]); } } else { - this.forShopArr.push({ build: parseInt(array[0]), floor: parseInt(array[1]), PathPoint: [] }) - index++ - this.forShopArr[index].PathPoint.push(pathData.nodes[parseInt(array[2])]) + this.forShopArr.push({ + build: parseInt(array[0]), + floor: parseInt(array[1]), + PathPoint: [] + }); + index++; + this.forShopArr[index].PathPoint.push(pathData.nodes[parseInt(array[2])]); } } let dy = 0, dx = 0, - ang = 0 + ang = 0; if (this.forShopArr[0].PathPoint.length > 1) { if (this.forShopArr[0].PathPoint.length == 2) { - dy = this.forShopArr[0].PathPoint[1].y - this.forShopArr[0].PathPoint[0].y - dx = this.forShopArr[0].PathPoint[1].x - this.forShopArr[0].PathPoint[0].x + dy = this.forShopArr[0].PathPoint[1].y - this.forShopArr[0].PathPoint[0].y; + dx = this.forShopArr[0].PathPoint[1].x - this.forShopArr[0].PathPoint[0].x; } else { - dy = this.forShopArr[0].PathPoint[2].y - this.forShopArr[0].PathPoint[1].y - dx = this.forShopArr[0].PathPoint[2].x - this.forShopArr[0].PathPoint[1].x + dy = this.forShopArr[0].PathPoint[2].y - this.forShopArr[0].PathPoint[1].y; + dx = this.forShopArr[0].PathPoint[2].x -this.forShopArr[0].PathPoint[1].x; } - ang = (Math.atan2(dy, dx) * 180) / Math.PI - Map_QM.util.deviceObj.angle - - ang = ang > 180 ? ang - 360 : ang - ang = ang < -180 ? ang + 360 : ang + ang = (Math.atan2(dy, dx) * 180) / Math.PI - Map_QM.util.deviceObj.angle; + ang = ang > 180 ? ang - 360 : ang; + ang = ang < -180 ? ang + 360 : ang; if (ang < -50 && ang >= -130) { - Dir = '向前出发' - DirEn = 'to forward' + Dir = "向前出发"; + DirEn = "to forward"; } else if (ang >= -50 && ang < 50) { - Dir = '向右出发' - DirEn = 'to right' + Dir = "向右出发"; + DirEn = "to right"; } else if (ang >= 50 && ang < 130) { - Dir = '向后出发' - DirEn = 'to back' + Dir = "向后出发"; + DirEn = "to back"; } else { - Dir = '向左出发' - DirEn = 'to left' + Dir = "向左出发"; + DirEn = "to left"; } } - let pLen = Map_QM.forShopArr[Map_QM.forShopArr.length - 1].PathPoint.length - Map_QM.util.overObj.xaxis = Map_QM.forShopArr[Map_QM.forShopArr.length - 1].PathPoint[pLen - 1].x - Map_QM.util.overObj.yaxis = Map_QM.forShopArr[Map_QM.forShopArr.length - 1].PathPoint[pLen - 1].y + let pLen = Map_QM.forShopArr[Map_QM.forShopArr.length - 1].PathPoint.length; + Map_QM.util.overObj.xaxis = Map_QM.forShopArr[Map_QM.forShopArr.length - 1].PathPoint[pLen - 1].x; + Map_QM.util.overObj.yaxis = Map_QM.forShopArr[Map_QM.forShopArr.length - 1].PathPoint[pLen - 1].y; if (Map_QM.forShopArr.length > 0) { // "floor" PathPoint Direction (Facilities) - Map_QM.forShopArr[0].Direction = Dir - Map_QM.forShopArr[0].DirectionEn = DirEn + Map_QM.forShopArr[0].Direction = Dir; + 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 - if (Map_QM.forShopArr[m].wayShop[len - 1] && Map_QM.forShopArr[m].wayShop[len - 1].shop.yaxis == Map_QM.util.overObj.node) { - Map_QM.forShopArr[m].wayShop.pop() + 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; + if (Map_QM.forShopArr[m].wayShop[len - 1] &&Map_QM.forShopArr[m].wayShop[len - 1].shop.yaxis == Map_QM.util.overObj.node) { + Map_QM.forShopArr[m].wayShop.pop(); } } } @@ -3711,102 +5388,111 @@ MainMap_QM.prototype = { * @api {事件} InitPathOver 地图导航状态完成 * @apiGroup 地图事件 * @apiDescription 地图开始导航时触发 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiSampleRequest off * * @apiParamExample 请求示例 * Map_QM.addEventListener("InitPathOver",onInitPathOver,false); */ Map_QM.dispatchEvent({ - type: 'InitPathOver', - data: Map_QM.forShopArr - }) + type: "InitPathOver", + data: Map_QM.forShopArr, + }); } else { - console.error('无可行路径，请检查起、终点位') - return + console.error("无可行路径，请检查起、终点位"); + return; } - this.onFindPathToObj() + this.onFindPathToObj(); } }, getMinCostByArray: function (floor, array, costall) { - if (!Map_QM.util.startObj) { - Map_QM.changeStartPoint(); - } - if (!Map_QM.util.numBuild) { - Map_QM.util.numBuild = 0; - } - let mis = -1, nodeP; - for (let i = 0; i < array.length; i++) { - let toNade = Map_QM.util.numBuild + "_" + floor + "_" + array[i]; - let PathPoint = costall[toNade]; - if (mis == -1) { - mis = PathPoint; - nodeP = array[i]; - } else { - if (mis > PathPoint) { - mis = PathPoint; - nodeP = array[i]; - } - } - } - return nodeP; - }, + if (!Map_QM.util.startObj) { + Map_QM.changeStartPoint(); + } + if (!Map_QM.util.numBuild) { + Map_QM.util.numBuild = 0; + } + let mis = -1, + nodeP; + for (let i = 0; i < array.length; i++) { + let toNade = Map_QM.util.numBuild + "_" + floor + "_" + array[i]; + let PathPoint = costall[toNade]; + if (mis == -1) { + mis = PathPoint; + nodeP = array[i]; + } else { + if (mis > PathPoint) { + mis = PathPoint; + nodeP = array[i]; + } + } + } + return nodeP; + }, /** * 途径店铺 */ foreignShop: function (pathArr, build, cFloor, m) { - let shopList = [] - let shops = Map_QM.mapArr[parseInt(build)][parseInt(cFloor)].shopObj.children + let shopList = []; + let shops = + Map_QM.mapArr[parseInt(build)][parseInt(cFloor)].shopObj.children; for (let n = 0; n < pathArr.length; n++) { for (let i = 0; i < shops.length; i++) { - if (shops[i].userData && shops[i].userData.type == 'shop' && shops[i].userData.navRecommend) { - if (shops[i].userData.node == pathArr[n].id && shops[i].userData.shopData) { - let data = { pathArrIn: m, pathIndex: n, shop: shops[i].userData.shopData } - shopList.push(data) - break + if (shops[i].userData && shops[i].userData.type == "shop" && shops[i].userData.navRecommend) { + if (shops[i].userData.node == pathArr[n].id &&shops[i].userData.shopData) { + let data = { + pathArrIn: m, + pathIndex: n, + shop: shops[i].userData.shopData + }; + shopList.push(data); + break; } } } } - return shopList + return shopList; }, getFacilIcon: function (fromFArr, build = -1) { if (build === -1) { - build = Map_QM.util.selectBuild + build = Map_QM.util.selectBuild; } - let childs = this.mapArr[build][fromFArr[1]].serObj.children - let selectEle + let childs = this.mapArr[build][fromFArr[1]].serObj.children; + let selectEle; for (let i = 0; i < childs.length; i++) { - if (childs[i].type == "Object3D" && childs[i].userData.navCode == fromFArr[2] && ("dt,ft,upft,lt,downft".search(childs[i].userData.facCode) != -1)) { - selectEle = { imgUrl: childs[i].userData.src, userData: childs[i].userData, position: { x: childs[i].position.x, y: childs[i].position.y } } - break - } + if (childs[i].type == "Object3D" &&childs[i].userData.navCode == fromFArr[2] &&"dt,ft,upft,lt,downft".search(childs[i].userData.facCode) != -1 ) { + selectEle = { + imgUrl: childs[i].userData.src, + userData: childs[i].userData, + position: { x: childs[i].position.x, y: childs[i].position.y } + }; + break; + } } - return selectEle + return selectEle; }, /** * 寻路动画方法 */ onFindPathToObj: function () { - outTime = -1 - Map_QM.util._indexPathFloor = 0 - Map_QM.callBackLoadOver = Map_QM.callBackForPathShop //楼层初始化完成后回调 - if (pathCameraState == '2D') { - Map_QM.onInnerMeDir() - Map_QM.controls.enabled = false - Map_QM.guide = Map_QM.man_2d - } - Map_QM.changeBuildInner(Map_QM.forShopArr[Map_QM.util._indexPathFloor].build, Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor) + Map_QM.util._indexPathFloor = 0; + Map_QM.callBackLoadOver = Map_QM.callBackForPathShop; //楼层初始化完成后回调 + if (pathCameraState == "2D") { + Map_QM.onInnerMeDir(); + Map_QM.controls.enabled = false; + Map_QM.guide = Map_QM.man_2d; + } + Map_QM.changeBuildInner( Map_QM.forShopArr[Map_QM.util._indexPathFloor].build,Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor); }, /** * 播放楼层动画完成后 */ callBackForPathShop: function () { - Map_QM.callBackLoadOver = null + Map_QM.callBackLoadOver = null; if (Map_QM.util.pathStateObj.isPathState) { //如果是寻路状态，继续导航 - Map_QM.onFindPath() + Map_QM.onFindPath(); } }, /** @@ -3815,66 +5501,61 @@ MainMap_QM.prototype = { * @param {Object} endN */ onFindPath: function () { - TweenMax.killAll(true) - + TweenMax.killAll(true); if (Map_QM.util.overObj.floor == Map_QM.util.selectFloor && Map_QM.util.overObj.xaxis) { - Map_QM.mapArr[Map_QM.util.overObj.build][Map_QM.util.overObj.floor].setOverSite( - Map_QM.util.overObj.xaxis, - Map_QM.util.overObj.yaxis, - parseInt(Map_QM.util.shopHeight) - ) - }else{ - Map_QM.endModel && (Map_QM.endModel.visible = false); - Map_QM.endIcon && (Map_QM.endIcon.visible = false); - } - + Map_QM.mapArr[Map_QM.util.overObj.build][Map_QM.util.overObj.floor].setOverSite(Map_QM.util.overObj.xaxis, Map_QM.util.overObj.yaxis,parseInt(Map_QM.util.shopHeight)); + } else { + Map_QM.endModel && (Map_QM.endModel.visible = false); + Map_QM.endIcon && (Map_QM.endIcon.visible = false); + } if (Map_QM.forShopArr.length > 0) { - document.addEventListener('pathOver', Map_QM.onFindPathFloor, true) - Map_QM.mapArr[Map_QM.forShopArr[Map_QM.util._indexPathFloor].build][Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor].findPath.clearPath() - Map_QM.mapArr[Map_QM.forShopArr[Map_QM.util._indexPathFloor].build][Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor].findPath.onFindPathAnimation( - Map_QM.forShopArr[Map_QM.util._indexPathFloor].PathPoint - ) //传入数组 - Map_QM.mapArr[Map_QM.forShopArr[Map_QM.util._indexPathFloor].build][Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor].findPath.guidePathPlay( - Map_QM.forShopArr[Map_QM.util._indexPathFloor] - ) - Map_QM.controlsChock() + document.addEventListener("pathOver", Map_QM.onFindPathFloor, true); + if (Map_QM.util.isMorePath) { + Map_QM.mapArr[Map_QM.forShopArr[Map_QM.util._indexPathFloor].build][Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor].findPath.onFindPathAnimation(pathNodes[Map_QM.util._indexPathFloor].pathNode, Map_QM.util.isMorePath,pathNodes[Map_QM.util._indexPathFloor].floor); //传入数组 + } else { + Map_QM.mapArr[Map_QM.forShopArr[Map_QM.util._indexPathFloor].build][Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor].findPath.clearPath(); + Map_QM.mapArr[Map_QM.forShopArr[Map_QM.util._indexPathFloor].build][Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor].findPath.onFindPathAnimation(Map_QM.forShopArr[Map_QM.util._indexPathFloor].PathPoint,false ); //传入数组 + } + Map_QM.mapArr[Map_QM.forShopArr[Map_QM.util._indexPathFloor].build][Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor].findPath.guidePathPlay(Map_QM.forShopArr[Map_QM.util._indexPathFloor]); + Map_QM.controlsChock(); } }, + /** * 显示楼层 */ showNavFloor: function (fromFloor, toFloor, build) { - let floorArr = [] - let min = Math.min(fromFloor, toFloor) - let max = Math.max(fromFloor, toFloor) + let floorArr = []; + let min = Math.min(fromFloor, toFloor); + let max = Math.max(fromFloor, toFloor); for (let i = min; i <= max; i++) { - floorArr.push(Map_QM.mapArr[build][i].floorName) + floorArr.push(Map_QM.mapArr[build][i].floorName); } if (floorArr.length > 5) { - floorArr.splice(2, floorArr.length - 3) - floorArr[1] = '...' + floorArr.splice(2, floorArr.length - 3); + floorArr[1] = "..."; } - return floorArr + return floorArr; }, //导航完成事件 onFindPathFloor: function (event) { - document.removeEventListener('pathOver', Map_QM.onFindPathFloor) + document.removeEventListener("pathOver", Map_QM.onFindPathFloor); if (Map_QM.forShopArr.length <= Map_QM.util._indexPathFloor) { - return + return; } if (Map_QM.util._indexPathFloor < Map_QM.forShopArr.length - 1) { //楼层切换 if (Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities) { - let pathFloor = Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor - let x0 = Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities.position.x + 64 - let y0 = Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities.position.y - let model = Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities.userData.model + let pathFloor = Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor; + let x0 =Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities.position.x +64; + let y0 = Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities.position.y; + let model = Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities.userData.model; /** * @api {事件} PathPlaying 地图导航的实时状态 * @apiGroup 地图事件 * @apiDescription 地图导航过程中实时触发 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiSampleRequest off * * @apiParamExample 请求示例 @@ -3882,140 +5563,146 @@ MainMap_QM.prototype = { */ Map_QM.dispatchEvent({ //寻路中返回小人当前所在点位 - type: 'PathPlaying', + type: "PathPlaying", data: { - shopNum: Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities.userData.facCode + Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities.userData.no - } - }) - let box - if (model && model.userData.name == 'dt') { + houseNumber:Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities.userData.facCode + Map_QM.forShopArr[Map_QM.util._indexPathFloor].Facilities.userData.no, + }, + }); + let box; + if (model && model.userData.name == "dt") { model.traverse(function (child) { - if (child.isMesh && child.name == 'zhitibox') { - box = child + if (child.isMesh && child.name == "zhitibox") { + box = child; } - if (child.isMesh && (child.name == 'zhitijiegou' || child.name == 'zhitiboli')) { - child.scale.y = 7.5 + if (child.isMesh && (child.name == "zhitijiegou" || child.name == "zhitiboli")) { + child.scale.y = 3; } - }) + }); } let zo = 2, tz = 2, boxT = 0, - boxZ = 0 - let add = window.innerWidth>2000 ? 80 : 40; - let lft = window.innerWidth>2000 ? 8 : 4; - Map_QM.util._indexPathFloor++ - let toFloor = parseInt(Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor) - Map_QM.util.selectFloor = toFloor - let floorArr = Map_QM.showNavFloor(pathFloor, toFloor, parseInt(Map_QM.forShopArr[Map_QM.util._indexPathFloor].build)) //电梯旁显示的楼层名称 + boxZ = 0; + let add = window.innerWidth > 2000 ? 80 : 40; + let lft = window.innerWidth > 2000 ? 8 : 4; + Map_QM.util._indexPathFloor++; + let toFloor = parseInt( + Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor + ); + Map_QM.util.selectFloor = toFloor; + let floorArr = Map_QM.showNavFloor( + pathFloor, + toFloor, + parseInt(Map_QM.forShopArr[Map_QM.util._indexPathFloor].build) + ); //电梯旁显示的楼层名称 if (pathFloor < toFloor) { - tz = (floorArr.length - 1) * add - boxT = 27 + tz = (floorArr.length - 1) * add; + boxT = 12; } else { - zo = (floorArr.length - 1) * add - boxZ = 27 + zo = (floorArr.length - 1) * add; + boxZ = 12; } - document.getElementById('moveFloor').style.bottom = zo + 'px' - document.getElementById('moveFloor').style.width = add + 'px' - document.getElementById('moveFloor').style.height = add + 'px' - Map_QM.moveFloorbg.element.style.width = (add+lft) + 'px' - Map_QM.moveFloorbg.element.style.height = floorArr.length * add + 'px' - Map_QM.moveFloorbg.position.set(x0, y0, (floorArr.length * add)/-1) - Map_QM.moveFloorbg.applyMatrix4(Map_QM.mapArr[parseInt(Map_QM.forShopArr[Map_QM.util._indexPathFloor].build)][pathFloor].allObj.matrix) - - let floorBox = document.getElementById('floorBox') + document.getElementById("moveFloor").style.bottom = zo + "px"; + document.getElementById("moveFloor").style.width = add + "px"; + document.getElementById("moveFloor").style.height = add + "px"; + + Map_QM.moveFloorbg.element.style.width = add + lft + "px"; + Map_QM.moveFloorbg.element.style.height = floorArr.length * add + "px"; + Map_QM.moveFloorbg.position.set(x0, y0, (floorArr.length * add) / -1); + Map_QM.moveFloorbg.applyMatrix4( + Map_QM.mapArr[ + parseInt(Map_QM.forShopArr[Map_QM.util._indexPathFloor].build) + ][pathFloor].allObj.matrix + ); + let floorBox = document.getElementById("floorBox"); while (floorBox.hasChildNodes()) { - floorBox.removeChild(floorBox.firstChild) + floorBox.removeChild(floorBox.firstChild); } for (let i = floorArr.length - 1; i >= 0; i--) { - let span2 = document.createElement('span') - span2.style.cssText = 'display: block;color: #000000; text-align: center;' - span2.style.fontSize = '16px' - if ( window.innerWidth>2000) { - span2.style.fontSize = '24px' - } - span2.style.width = (add+lft) + 'px' - span2.style.height = add + 'px' - span2.style.lineHeight = add + 'px' - span2.innerText = floorArr[i] - floorBox.appendChild(span2) + let span2 = document.createElement("span"); + span2.style.cssText = "display: block;color: #000000; text-align: center;"; + span2.style.fontSize = "16px"; + if (window.innerWidth > 2000) { + span2.style.fontSize = "24px"; + } + span2.style.width = add + lft + "px"; + span2.style.height = add + "px"; + span2.style.lineHeight = add + "px"; + span2.innerText = floorArr[i]; + floorBox.appendChild(span2); } - TweenMax.fromTo( - '#moveFloor', - 1.5, - { bottom: zo }, + + TweenMax.fromTo("#moveFloor",1.5,{ bottom: zo }, { bottom: tz, delay: 0.1, onComplete: function () { Map_QM.moveFloorbg.element.style.display = "none"; - Map_QM.callBackLoadOver = Map_QM.callBackForPathShop //楼层初始化完成后回调 - Map_QM.changeFloorInner(Map_QM.forShopArr[Map_QM.util._indexPathFloor].build, Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor) - } + Map_QM.callBackLoadOver = Map_QM.callBackForPathShop; //楼层初始化完成后回调 + Map_QM.changeFloorInner( + Map_QM.forShopArr[Map_QM.util._indexPathFloor].build, + Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor + ); + }, } - ) - Map_QM.moveFloorbg.element.style.display = ""; + ); + Map_QM.moveFloorbg.element.style.display = "block"; if (box) { - TweenMax.fromTo( - box.position, - 1.2, - { y: boxZ }, - { - y: boxT, - delay: 0.2, + TweenMax.fromTo(box.position, 1.2, { y: boxZ }, + { y: boxT, delay: 0.2, onComplete: function () { - box.position.y = 0 + box.position.y = 0; model.traverse(function (child) { - if (child.isMesh && (child.name == 'zhitijiegou' || child.name == 'zhitiboli')) { - child.scale.y = 1 + if ( + child.isMesh && + (child.name == "zhitijiegou" || child.name == "zhitiboli") + ) { + child.scale.y = 1; } - }) - } + }); + }, } - ) + ); } - if (pathCameraState == '3D') { - let xt = Map_QM.guide.position.x + event.detail.dx * 10 - let yt = Map_QM.guide.position.y + event.detail.dy * 10 - if (model && model.userData.name == 'upft') { - Map_QM.guide.visible = true - TweenMax.to(Map_QM.guide.position, 1.3, { - x: xt, - y: yt, - z: 50, + if (pathCameraState == "3D") { + let xt = Map_QM.guide.position.x + event.detail.dx * 10; + let yt = Map_QM.guide.position.y + event.detail.dy * 10; + if (model && model.userData.name == "upft") { + Map_QM.guide.visible = true; + TweenMax.to(Map_QM.guide.position, 1.3, { x: xt, y: yt, z: 50, onComplete: function () { - Map_QM.guide.visible = false - } - }) + Map_QM.guide.visible = false; + }, + }); } - if (model && model.userData.name == 'downft') { - Map_QM.guide.visible = true - TweenMax.to(Map_QM.guide.position, 1.3, { - x: xt, - y: yt, - z: -50, + if (model && model.userData.name == "downft") { + Map_QM.guide.visible = true; + TweenMax.to(Map_QM.guide.position, 1.3, { x: xt, y: yt, z: -50, onComplete: function () { - Map_QM.guide.visible = false - } - }) + Map_QM.guide.visible = false; + }, + }); } } } else { //楼栋切换 - Map_QM.util._indexPathFloor++ - Map_QM.callBackLoadOver = Map_QM.callBackForPathShop - Map_QM.changeBuildInner(Map_QM.forShopArr[Map_QM.util._indexPathFloor].build, Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor) + Map_QM.util._indexPathFloor++; + Map_QM.callBackLoadOver = Map_QM.callBackForPathShop; + Map_QM.changeBuildInner( + Map_QM.forShopArr[Map_QM.util._indexPathFloor].build, + Map_QM.forShopArr[Map_QM.util._indexPathFloor].floor + ); } } else { - Map_QM.util.startObj = Map_QM.util.deviceObj + Map_QM.util.startObj = Map_QM.util.deviceObj; /** * @api {事件} PathPlayOver 地图导航完成 * @apiGroup 地图事件 * @apiDescription 地图导航到达目标点时触发 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiSampleRequest off * * @apiParamExample 请求示例 @@ -4023,88 +5710,88 @@ MainMap_QM.prototype = { */ Map_QM.dispatchEvent({ //寻路完成 - type: 'PathPlayOver', - data: 'PathPlayOver' - }) + type: "PathPlayOver", + data: "PathPlayOver", + }); } }, /** * 楼层状态清理 */ clearFloor: function (fIndex = -1, reSet = true) { - isJUZ = false - Map_QM.controls.setZoom(1) + isJUZ = false; if (fIndex == -1) { - fIndex = Map_QM.util.deviceObj.floor + fIndex = Map_QM.util.deviceObj.floor; } if (Map_QM.selectShop) { - Map_QM.selectShop.scale.z = 1 + Map_QM.selectShop.scale.z = 1; } if (Map_QM.endModel && Map_QM.endModel.visible) { - Map_QM.endModel.visible = false + Map_QM.endModel.visible = false; } if (Map_QM.endIcon && Map_QM.endIcon.visible) { - Map_QM.endIcon.visible = false + Map_QM.endIcon.visible = false; } if (Map_QM.moveFloorbg) { - Map_QM.moveFloorbg.element.style.display = "none" + Map_QM.moveFloorbg.element.style.display = "none"; } if (reSet) { //叠层不处理 if (Map_QM.mapArr[Map_QM.util.selectBuild] && Map_QM.mapArr[Map_QM.util.selectBuild].length > 0) { for (let i = 0; i < Map_QM.mapArr[Map_QM.util.selectBuild].length; i++) { - let child = Map_QM.mapArr[Map_QM.util.selectBuild][i].allObj + let child = Map_QM.mapArr[Map_QM.util.selectBuild][i].allObj; for (let k = child.children.length - 1; k >= 0; k--) { - if (child.children[k].name == 'lineDash') { - Map_QM.mapArr[Map_QM.util.selectBuild][i].allObj.remove(child.children[k]) + if (child.children[k].name == "lineDash") { + Map_QM.mapArr[Map_QM.util.selectBuild][i].allObj.remove(child.children[k]); } } - Map_QM.mapArr[Map_QM.util.selectBuild][i].findPath.clearPath() + Map_QM.mapArr[Map_QM.util.selectBuild][i].findPath.clearPath(); } } - Map_QM.remove_child(Map_QM.dtLineGroup) + Map_QM.remove_child(Map_QM.dtLineGroup); } - TweenMax.killAll(true) + TweenMax.killAll(true); }, remove_child: function (remObj) { if (!remObj) { - return + return; } - let child_elem = remObj.children + let child_elem = remObj.children; for (let i = child_elem.length - 1; i >= 0; i--) { if (child_elem[i].children.length > 0) { - Map_QM.remove_child(child_elem[i]) + Map_QM.remove_child(child_elem[i]); } else { if (child_elem[i] instanceof THREE.Mesh) { - child_elem[i].geometry.dispose() // 删除几何体 - if (child_elem[i].material !== undefined) Map_QM.removeMaterial(child_elem.material) // 删除材质 + child_elem[i].geometry.dispose(); // 删除几何体 + if (child_elem[i].material !== undefined) + Map_QM.removeMaterial(child_elem.material); // 删除材质 } } - if (child_elem[i].name != 'light' && child_elem[i].name != 'dtline') { - remObj.remove(child_elem[i]) + if (child_elem[i].name != "light" && child_elem[i].name != "dtline") { + remObj.remove(child_elem[i]); } } }, removeMaterial: function (material) { if (Array.isArray(material)) { for (var i = 0, l = material.length; i < l; i++) { - this.removeMaterialFromRefCounter(material[i]) + this.removeMaterialFromRefCounter(material[i]); } } else { - this.removeMaterialFromRefCounter(material) + this.removeMaterialFromRefCounter(material); } }, removeMaterialFromRefCounter: function (material) { - var materialsRefCounter = this.materialsRefCounter + var materialsRefCounter = this.materialsRefCounter; if (materialsRefCounter) { - var count = materialsRefCounter.get(material) - count-- + var count = materialsRefCounter.get(material); + count--; if (count === 0) { - materialsRefCounter.delete(material) - delete this.materials[material.uuid] + materialsRefCounter.delete(material); + delete this.materials[material.uuid]; } else { - materialsRefCounter.set(material, count) + materialsRefCounter.set(material, count); } } }, @@ -4113,46 +5800,47 @@ MainMap_QM.prototype = { * @api {方法} pathStop() 导航暂停/播放 * @apiGroup 地图导航 * @apiDescription 导航动画暂停/播放 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * * @apiSampleRequest off * */ pathStop: function (isPlaying) { - Map_QM.util.pathStateObj.isPathPlay = isPlaying === undefined ? !Map_QM.util.pathStateObj.isPathPlay : isPlaying - Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].findPath.pathPlay.isPlay = Map_QM.util.pathStateObj.isPathPlay + Map_QM.util.pathStateObj.isPathPlay =isPlaying === undefined? !Map_QM.util.pathStateObj.isPathPlay : isPlaying; + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].findPath.pathPlay.isPlay = Map_QM.util.pathStateObj.isPathPlay; }, /** * @api {方法} pathRePlay() 导航动画重播 * @apiGroup 地图导航 * @apiDescription 导航动画重播 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * * @apiSampleRequest off * */ pathRePlay: function () { - clearTimeout(Map_QM.util.timeObj.pathTime) - TweenMax.killAll(true) - if(!Map_QM.util.overObj.node){ - return - } - Map_QM.util.timeObj.pathTime = setTimeout(() => { - clearTimeout(Map_QM.util.timeObj.pathTime) - Map_QM.controls.reset() - if (Map_QM.util.overObj && Map_QM.forShopArr[0]) { - Map_QM.util.pathStateObj.isPathPlay = true - Map_QM.clearFloor() - Map_QM.onFindPathToObj() - } - }, 100) + clearTimeout(Map_QM.util.timeObj.pathTime); + TweenMax.killAll(true); + if (!Map_QM.util.overObj.node) { + return; + } + Map_QM.util.timeObj.pathTime = setTimeout(() => { + clearTimeout(Map_QM.util.timeObj.pathTime); + Map_QM.controls.reset(); + if (Map_QM.util.overObj && Map_QM.forShopArr[0]) { + Map_QM.util.pathStateObj.isPathPlay = true; + Map_QM.clearFloor(); + Map_QM.onFindPathToObj(); + } + }, 100); + }, /** * @api {方法} ChangePathByFt() 切换扶梯模式 * @apiGroup 地图导航 * @apiDescription 导航切换扶梯模式 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * * @apiParam {function} callBack 回调函数 * @@ -4164,30 +5852,30 @@ MainMap_QM.prototype = { * */ ChangePathByFt: function (callBack) { - clearTimeout(Map_QM.util.timeObj.pathTime) - TweenMax.killAll(true) - if(!Map_QM.util.overObj.node || Map_QM.util.isMorePath){ - return - } + clearTimeout(Map_QM.util.timeObj.pathTime); + TweenMax.killAll(true); + if (!Map_QM.util.overObj.node || Map_QM.util.isMorePath) { + return; + } Map_QM.util.timeObj.pathTime = setTimeout(() => { - clearTimeout(Map_QM.util.timeObj.pathTime) - Map_QM.controls.reset() + clearTimeout(Map_QM.util.timeObj.pathTime); + Map_QM.controls.reset(); if (Map_QM.util.overObj) { - Map_QM.clearFloor() - Map_QM.onFindPathModel(Map_QM.util.pathStateObj.ftPath) + Map_QM.clearFloor(); + Map_QM.onFindPathModel(Map_QM.util.pathStateObj.ftPath); if (callBack) { - Map_QM.parseForShopArr() - const data = JSON.parse(JSON.stringify(Map_QM.util.pathStateObj.forShopArr)) - callBack(data) + Map_QM.parseForShopArr(); + const data = JSON.parse(JSON.stringify(Map_QM.util.pathStateObj.forShopArr)); + callBack(data); } } - }, 100) + }, 100); }, /** * @api {方法} ChangePathByDt() 切换电梯模式 * @apiGroup 地图导航 * @apiDescription 导航切换电梯模式 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * * @apiParam {function} callBack 回调函数 * @@ -4199,30 +5887,30 @@ MainMap_QM.prototype = { * */ ChangePathByDt: function (callBack) { - clearTimeout(Map_QM.util.timeObj.pathTime) - TweenMax.killAll(true) - if(!Map_QM.util.overObj.node || Map_QM.util.isMorePath){ - return - } + clearTimeout(Map_QM.util.timeObj.pathTime); + TweenMax.killAll(true); + if (!Map_QM.util.overObj.node || Map_QM.util.isMorePath) { + return; + } Map_QM.util.timeObj.pathTime = setTimeout(() => { - clearTimeout(Map_QM.util.timeObj.pathTime) - Map_QM.controls.reset() + clearTimeout(Map_QM.util.timeObj.pathTime); + Map_QM.controls.reset(); if (Map_QM.util.overObj) { - Map_QM.clearFloor() - Map_QM.onFindPathModel(Map_QM.util.pathStateObj.dtPath) + Map_QM.clearFloor(); + Map_QM.onFindPathModel(Map_QM.util.pathStateObj.dtPath); if (callBack) { - Map_QM.parseForShopArr() - const data = JSON.parse(JSON.stringify(Map_QM.util.pathStateObj.forShopArr)) - callBack(data) + Map_QM.parseForShopArr(); + const data = JSON.parse(JSON.stringify(Map_QM.util.pathStateObj.forShopArr)); + callBack(data); } } - }, 100) + }, 100); }, /** * @api {方法} ChangePathByGood() 切换最佳模式 * @apiGroup 地图导航 * @apiDescription 导航切换最佳模式 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * * @apiParam {function} callBack 回调函数 * @@ -4234,37 +5922,37 @@ MainMap_QM.prototype = { * */ ChangePathByGood: function (callBack) { - clearTimeout(Map_QM.util.timeObj.pathTime) - TweenMax.killAll(true) - if(!Map_QM.util.overObj.node || Map_QM.util.isMorePath){ - return - } + clearTimeout(Map_QM.util.timeObj.pathTime); + TweenMax.killAll(true); + if (!Map_QM.util.overObj.node || Map_QM.util.isMorePath) { + return; + } Map_QM.util.timeObj.pathTime = setTimeout(() => { - clearTimeout(Map_QM.util.timeObj.pathTime) - Map_QM.controls.reset() + clearTimeout(Map_QM.util.timeObj.pathTime); + Map_QM.controls.reset(); if (Map_QM.util.overObj) { - Map_QM.clearFloor() - Map_QM.onFindPathModel(Map_QM.util.pathStateObj.graphPath) + Map_QM.clearFloor(); + Map_QM.onFindPathModel(Map_QM.util.pathStateObj.graphPath); if (callBack) { - Map_QM.parseForShopArr() - const data = JSON.parse(JSON.stringify(Map_QM.util.pathStateObj.forShopArr)) - callBack(data) + Map_QM.parseForShopArr(); + const data = JSON.parse(JSON.stringify(Map_QM.util.pathStateObj.forShopArr)); + callBack(data); } } - }, 100) + }, 100); }, /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// changeDocmentResize: function (e) { - let w = parseInt(Map_QM.ele.clientWidth) || parseInt(window.getComputedStyle(Map_QM.ele, null).getPropertyValue('width')) - let h = parseInt(Map_QM.ele.clientHeight) || parseInt(window.getComputedStyle(Map_QM.ele, null).getPropertyValue('height')) - Map_QM.changeWindowResize(w, h) + let w = parseInt(Map_QM.ele.clientWidth) || parseInt(window.getComputedStyle(Map_QM.ele, null).getPropertyValue("width")); + let h = parseInt(Map_QM.ele.clientHeight) || parseInt( window.getComputedStyle(Map_QM.ele, null).getPropertyValue("height")); + Map_QM.changeWindowResize(w, h); }, /** * @api {方法} changeWindowResize() 窗口变化 * @apiGroup 地图交互 * @apiDescription 窗口变化 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * * @apiParam {int} width 窗口宽 * @apiParam {int} height 窗口高 @@ -4276,27 +5964,33 @@ MainMap_QM.prototype = { * Map_QM.changeWindowResize(1280,1080); */ changeWindowResize: function (width, height) { - Map_QM.aspect = width / height - Map_QM.cameraPerspective.aspect = Map_QM.aspect - Map_QM.cameraPerspective.updateProjectionMatrix() + if(!width){ + width = parseInt(Map_QM.ele.clientWidth) || parseInt(window.getComputedStyle(Map_QM.ele, null).getPropertyValue("width")); + } + if(!height){ + height = parseInt(Map_QM.ele.clientHeight) || parseInt(window.getComputedStyle(Map_QM.ele, null).getPropertyValue("height")); + } + Map_QM.aspect = width / height; + Map_QM.cameraPerspective.aspect = Map_QM.aspect; + Map_QM.cameraPerspective.updateProjectionMatrix(); Map_QM.cameraOrtho.left = -150 * Map_QM.aspect Map_QM.cameraOrtho.right = 150 * Map_QM.aspect Map_QM.cameraOrtho.top = 150; Map_QM.cameraOrtho.bottom = -150; - Map_QM.cameraOrtho.updateProjectionMatrix() - Map_QM.renderer.setSize(width, height) - Map_QM.labelRenderer.setSize(width, height) + Map_QM.cameraOrtho.updateProjectionMatrix(); + Map_QM.renderer.setSize(width, height); + Map_QM.labelRenderer.setSize(width, height); Map_QM.updateRender(); - Map_QM.collLabel(); - Map_QM.w = width - Map_QM.h = height - } -} + Map_QM.collLabel(); + Map_QM.w = width; + Map_QM.h = height; + }, +}; /** * @api {方法} init(callBack,options) 地图初始化 * @apiGroup 地图数据 * @apiDescription 初始化地图赋值 Map_QM - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * * @apiParam {function} callBack 初始化成功后的回调函数 * @apiParam {object} options 初始化对象 @@ -4306,18 +6000,20 @@ MainMap_QM.prototype = { * @apiParam {int} options.angle 起点设备角度 默认值 0 * @apiParam {string} options.perc_H 弹窗的偏移量 默认值 "-50%"; * @apiParam {string} options.containerId 地图div容器Id 默认值 "mapContainer" - * @apiParam {string} options.playSpeed 动画播放速度 默认值6 + * @apiParam {string} options.playSpeed 动画播放速度 默认值8 * @apiParam {boolean} options.collision 是否支持名称的碰撞检测 默认值 true * @apiParam {boolean} options.modelIcon 交通设施是否使用模型 默认值 true * @apiParam {Array} options.otherPath 人为干预的路线 默认值 []; * @apiParam {int} options.fSpace 双叠层状态下楼层的间距 默认值 500 * @apiParam {uint} options.navColor 途径店铺颜色 默认值 0xEE6A50 + * @apiParam {boolean} options.shadow 是否显示阴影 默认值 false * @apiParam {boolean} options.iconName 图标名称是否显示 默认值false * @apiParam {uint} options.pathColor 导航路径颜色 默认值 0xb47834, * @apiParam {string} options.pathStyle 导航第一视角 默认值 "2D", - * @apiParam {string} options.shopStyle 店铺显示字段编号(shopNum)名称(shopName) 默认值 "shopName", - * @apiParam {int} options.camZoom 地图显示我的方向状态的放大倍数 默认值 3 + * @apiParam {string} options.shopStyle 店铺显示字段编号(houseNumber)名称(shopName) 默认值 "shopName", * @apiParam {boolean} options.inArea 地图点击后是否聚焦到当前位置 默认值 false + * @apiParam {string} options.mapData 地图数据 res.data.mapData + * @apiParam {string} options.shopData 店铺数据 res.data * @apiParam {Array} options.iconUrl 设施库图标 默认值 [] * * @apiSampleRequest off @@ -4326,209 +6022,228 @@ MainMap_QM.prototype = { * MainMap_QM.init(callBackLoadOver,{build : 0, floor : 3, navPoint : 7, angle : 0, perc_H : "-50%",containerId : "mapContainer"}); */ MainMap_QM.init = function (callBack, options) { - if(Map_QM){ - Map_QM.cancelRender() - Map_QM.beforeDestroy() - } - Map_QM = new MainMap_QM(callBack, options) - return Map_QM -} -Object.assign(MainMap_QM.prototype, THREE.EventDispatcher.prototype) + if (Map_QM) { + Map_QM.cancelRender(); + Map_QM.beforeDestroy(); + } + Map_QM = new MainMap_QM(callBack, options); + return Map_QM; +}; +Object.assign(MainMap_QM.prototype, THREE.EventDispatcher.prototype); //////////////////////////////////////-------------------------------FloorMap -FloorMap_QM = function (bIndex, fIndex, floorName) { - this.Model_QM = new MyModel_QM() - this.facUtil = new Facilities_QM() - this.findPath = new FindPath_QM() - this.logoUtil = new ShopLogo_QM() - this.allObj = new THREE.Group() - this.allObj.name = floorName - this.allObj.rotation.x = Math.PI / -2 - this.CSSObj = new THREE.Group() - - this.labelObj = new THREE.Group() - this.labelObj.renderOrder = 100 - this.floorOrder = fIndex - this.buildOrder = bIndex - this.floorName = floorName - - //存第三方 - this.otherObj = new THREE.Object3D() - this.allObj.add(this.otherObj) - - //存放设施图标 - this.serObj = new THREE.Object3D() - //存放车位box - this.parkObj = new THREE.Group() - //标签 - this.tagObj = new THREE.Group() - this.tagObj.renderOrder = 100 - //存放设施图标 - this.svgObj = new THREE.Group() - //店铺 - this.shopObj = new THREE.Group() - this.allObj.add(this.shopObj) - this.allObj.add(this.svgObj) - this.allObj.add(this.CSSObj) - - this.CSSObj.add(this.serObj) - this.CSSObj.add(this.labelObj) - this.CSSObj.add(this.tagObj) - //标签 - this.showTagObj = new THREE.Group() - this.showTagObj.renderOrder = 100 - this.CSSObj.add(this.showTagObj) - - //线条 - this.lineObj = new THREE.Group() - this.lineObj.renderOrder = 100 - this.allObj.add(this.lineObj) - - this.startIcon -} +var FloorMap_QM = function (bIndex, fIndex, floorName) { + this.Model_QM = new MyModel_QM(); + this.facUtil = new Facilities_QM(); + this.findPath = new FindPath_QM(); + this.logoUtil = new ShopLogo_QM(); + this.allObj = new THREE.Group(); + this.allObj.name = floorName; + this.allObj.rotation.x = Math.PI / -2; + this.CSSObj = new THREE.Group(); + this.labelObj = new THREE.Group(); + this.labelObj.renderOrder = 100; + this.floorOrder = fIndex; + this.buildOrder = bIndex; + this.floorName = floorName; + //存第三方 + this.otherObj = new THREE.Object3D(); + this.allObj.add(this.otherObj); + + //存放设施图标 + this.serObj = new THREE.Object3D(); + //存放车位box + this.parkObj = new THREE.Group(); + //标签 + this.tagObj = new THREE.Group(); + this.tagObj.renderOrder = 100; + //存放设施图标 + this.svgObj = new THREE.Group(); + //店铺 + this.shopObj = new THREE.Group(); + this.allObj.add(this.shopObj); + this.allObj.add(this.svgObj); + this.allObj.add(this.CSSObj); + + this.CSSObj.add(this.serObj); + this.CSSObj.add(this.labelObj); + this.CSSObj.add(this.tagObj); + //标签 + this.showTagObj = new THREE.Group(); + this.showTagObj.renderOrder = 100; + this.CSSObj.add(this.showTagObj); + + //线条 + this.lineObj = new THREE.Group(); + this.lineObj.renderOrder = 100; + this.allObj.add(this.lineObj); + + this.startIcon; +}; FloorMap_QM.prototype = { initDraw: function () { - this.initFloor() - this.initFacilitie() - this.initStairs() - this.initTextArea() - this.initWall() - this.initDecos() - this.initPark() - this.initModel() - this.initTree() //植树 - this.initLogos() //贴图 + this.initFloor(); + this.initFacilitie(); + this.initStairs(); + this.initTextArea(); + this.initWall(); + this.initDecos(); + this.initPark(); + this.initModel(); + this.initTree(); //植树 + this.initLogos(); //贴图 }, initLogos: function () { - let sopce = this + let sopce = this; if (Map_QM.util.logos) { - Map_QM.util.logos.map(item => { + Map_QM.util.logos.map((item) => { if (item.build == sopce.buildOrder && item.floor == sopce.floorOrder) { - sopce.logoUtil.renderIcon(item, sopce, item.site || 0) + sopce.logoUtil.renderIcon(item, sopce, item.site || 0); } - }) + }); } }, initModel: function () { - let sopce = this + let sopce = this; if (Map_QM.util.modelArr) { for (let i = 0; i < Map_QM.util.modelArr.length; i++) { if (Map_QM.util.modelArr[i].build == this.buildOrder && Map_QM.util.modelArr[i].floor == this.floorOrder) { - new THREE.GLTFLoader().load(Map_QM.util.beforPath + Map_QM.util.modelArr[i].url, function (object) { - //加载路径fbx文件 - let mod = object.scene - mod.traverse(function (child) { - if (child.isMesh) { - child.receiveShadow = false - child.castShadow = false - child.userData.opacity = child.material.opacity - if (child.material.map) { - child.material.map.encoding = THREE.LinearEncoding //贴图需要转换成 线性编码 + new THREE.GLTFLoader().load( + Map_QM.util.beforPath + Map_QM.util.modelArr[i].url, + function (object) { + //加载路径fbx文件 + let mod = object.scene; + mod.traverse(function (child) { + if (child.isMesh) { + child.receiveShadow = Map_QM.util.options.shadow; + child.castShadow = Map_QM.util.options.shadow; + child.userData.opacity = child.material.opacity; + if (child.material.map) { + child.material.map.encoding = THREE.LinearEncoding; //贴图需要转换成 线性编码 + } + child.material.color.convertGammaToLinear(0.7); } - child.material.color.convertGammaToLinear(0.7) + }); + 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 * Math.PI) / 180); + obj.rotateY((Map_QM.util.modelArr[i].list[t].rot.y * Math.PI) / 180); + obj.rotateZ((Map_QM.util.modelArr[i].list[t].rot.z * Math.PI) / 180); + sopce.allObj.add(obj); } - }) - 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 * Math.PI / 180) - obj.rotateY(Map_QM.util.modelArr[i].list[t].rot.y * Math.PI / 180) - obj.rotateZ(Map_QM.util.modelArr[i].list[t].rot.z * Math.PI / 180) - sopce.allObj.add(obj) } - }) + ); } } } if (Map_QM.util.labelIconArr) { for (let i = 0; i < Map_QM.util.labelIconArr.length; i++) { if (Map_QM.util.labelIconArr[i].build == this.buildOrder && Map_QM.util.labelIconArr[i].floor == this.floorOrder) { - let SpriteDiv = document.createElement('div') - SpriteDiv.className = Map_QM.util.labelIconArr[i].className - SpriteDiv.innerHTML = Map_QM.util.labelIconArr[i].title - SpriteDiv.dataset.id = Map_QM.util.labelIconArr[i].data.id - SpriteDiv.dataset.x = Map_QM.util.labelIconArr[i].site.x - SpriteDiv.dataset.y = Map_QM.util.labelIconArr[i].site.y - SpriteDiv.dataset.z = Map_QM.util.labelIconArr[i].site.z - let pointLabel = new THREE.CSS2DObject(SpriteDiv) - pointLabel.position.set(Map_QM.util.labelIconArr[i].site.x, -1 * Map_QM.util.labelIconArr[i].site.y, Map_QM.util.labelIconArr[i].site.z) - pointLabel.name = Map_QM.util.labelIconArr[i].title - pointLabel.userData = Map_QM.util.labelIconArr[i].data - pointLabel.userData.site = Map_QM.util.labelIconArr[i].site - pointLabel.userData.mapShow = true - pointLabel.userData.isShow = true - pointLabel.userData.type = "icon" + let SpriteDiv = document.createElement("div"); + SpriteDiv.className = Map_QM.util.labelIconArr[i].className; + SpriteDiv.innerHTML = Map_QM.util.labelIconArr[i].title; + SpriteDiv.dataset.id = Map_QM.util.labelIconArr[i].data.id; + SpriteDiv.dataset.x = Map_QM.util.labelIconArr[i].site.x; + SpriteDiv.dataset.y = Map_QM.util.labelIconArr[i].site.y; + SpriteDiv.dataset.z = Map_QM.util.labelIconArr[i].site.z; + let pointLabel = new THREE.CSS2DObject(SpriteDiv); + pointLabel.position.set( + Map_QM.util.labelIconArr[i].site.x, + -1 * Map_QM.util.labelIconArr[i].site.y, + Map_QM.util.labelIconArr[i].site.z + ); + pointLabel.name = Map_QM.util.labelIconArr[i].title; + pointLabel.userData = Map_QM.util.labelIconArr[i].data; + pointLabel.userData.site = Map_QM.util.labelIconArr[i].site; + pointLabel.userData.mapShow = true; + pointLabel.userData.isShow = true; + pointLabel.userData.type = "icon"; if (Map_QM.util.labelIconArr[i].click) { //可点击 - SpriteDiv.addEventListener( - 'click', - event => { + SpriteDiv.addEventListener("click", (event) => { Map_QM.dispatchEvent({ - type: 'labelIcon', - data: event.target.dataset - }) + type: "labelIcon", + data: event.target.dataset, + }); }, false - ) + ); } else { - pointLabel.element.style.pointerEvents = 'none' + pointLabel.element.style.pointerEvents = "none"; } - pointLabel.userData.floor = Map_QM.util.labelIconArr[i].floor - sopce.showTagObj.add(pointLabel) + pointLabel.userData.floor = Map_QM.util.labelIconArr[i].floor; + sopce.showTagObj.add(pointLabel); } } } }, initTree: function () { - let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData + let mapData = + Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData; if (mapData.models) { for (let t = 0; t < mapData.models.length; t++) { for (let i = 0; i < Map_QM.util.fbxModels.length; i++) { if (mapData.models[t].type == Map_QM.util.fbxModels[i].key) { - let obj = Map_QM.util.fbxModels[i].obj.scene.clone() - obj.position.set(mapData.models[t].x, -1 * mapData.models[t].y, mapData.models[t].site) - obj.scale.set(mapData.models[t].scale, mapData.models[t].scale, mapData.models[t].scale) - obj.rotateX(Map_QM.util.fbxModels[i].operation.rot.x) - obj.rotateY(-1 * mapData.models[t].angle * Math.PI / 180) - obj.renderOrder = 100 - for (let k = 0; k < Map_QM.util.fbxModels[i].obj.animations.length; k++) { - let mixer = new THREE.AnimationMixer(obj) - mixer.clipAction(Map_QM.util.fbxModels[i].obj.animations[k]).play() - Map_QM.mixers.push(mixer) - } - //加载编辑器动画 - obj.name = mapData.models[t].name - if (mapData.animations) { - mapData.animations.forEach((item)=>{ - if(mapData.models[t].name == item.name){ - let posArr = [], rotArr = [], scaleArr = [], keyArr = [], proArr = [], clip - item.frames.forEach((it)=>{ - keyArr.push(it.time) - posArr.push(it.pos.x, -1*it.pos.y, it.pos.z) - rotArr.push(it.rot/-180*Math.PI) - scaleArr.push(it.size,it.size,it.size) - proArr.push(it.pro) - }); - if(item.isType){ //特殊模型动画 - let rotKF = new THREE.KeyframeTrack(item.sonName, keyArr, proArr) - clip = new THREE.AnimationClip(item.name, keyArr[keyArr.length-1], [rotKF]) - }else{ - let posKF = new THREE.KeyframeTrack(item.name+'.position', keyArr, posArr) - let rotKF = new THREE.KeyframeTrack(item.name+'.rotation[y]', keyArr, rotArr) - let scalKF = new THREE.KeyframeTrack(item.name+'.scale', keyArr, scaleArr) - clip = new THREE.AnimationClip(item.name, keyArr[keyArr.length-1], [posKF, rotKF, scalKF]) - } - if(clip){ - let mixer = new THREE.AnimationMixer(obj) - mixer.clipAction(clip).play() - Map_QM.mixers.push(mixer) - } - } - }) - } - this.allObj.add(obj) + let obj = Map_QM.util.fbxModels[i].obj.scene.clone(); + obj.position.set(mapData.models[t].x, -1 * mapData.models[t].y, mapData.models[t].site); + obj.scale.set(mapData.models[t].scale,mapData.models[t].scale,mapData.models[t].scale); + obj.rotateX(Map_QM.util.fbxModels[i].operation.rot.x); + obj.rotateY((-1 * mapData.models[t].angle * Math.PI) / 180); + obj.renderOrder = 100; + for (let k = 0;k < Map_QM.util.fbxModels[i].obj.animations.length; k++ ) { + let mixer = new THREE.AnimationMixer(obj); + mixer.clipAction(Map_QM.util.fbxModels[i].obj.animations[k]).play(); + Map_QM.mixers.push(mixer); + } + //加载编辑器动画 + obj.name = mapData.models[t].name; + if (mapData.animations) { + mapData.animations.forEach((item) => { + if (mapData.models[t].name == item.name) { + obj.rotateY(mapData.models[t].angle * Math.PI / 180); + let posArr = [], + rotArr = [], + scaleArr = [], + keyArr = [], + proArr = [], + clip; + item.frames.forEach((it) => { + keyArr.push(it.time); + posArr.push(it.pos.x, -1 * it.pos.y, it.pos.z); + rotArr.push((it.rot / -180) * Math.PI); + scaleArr.push(it.size, it.size, it.size); + proArr.push(it.pro); + }); + if (item.isType) { + //特殊模型动画 + let rotKF = new THREE.KeyframeTrack(item.sonName, keyArr, proArr); + clip = new THREE.AnimationClip(item.name, keyArr[keyArr.length - 1], [rotKF]); + } else { + let posKF = new THREE.KeyframeTrack(item.name + ".position",keyArr,posArr); + let rotKF = new THREE.KeyframeTrack(item.name + ".rotation[y]", keyArr,rotArr); + let scalKF = new THREE.KeyframeTrack(item.name + ".scale",keyArr,scaleArr); + clip = new THREE.AnimationClip(item.name,keyArr[keyArr.length - 1],[posKF, rotKF, scalKF]); + } + if (clip) { + let mixer = new THREE.AnimationMixer(obj); + mixer.clipAction(clip).play(); + Map_QM.mixers.push(mixer); + } + } + }); + } + this.allObj.add(obj); } } } @@ -4536,124 +6251,131 @@ FloorMap_QM.prototype = { }, //初始化单楼层 initFloor: function () { - let floor - let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData - let entColor, borderColor + let floor; + let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData; + let entColor, borderColor; if (mapData.floorArea) { - floor = Map_QM.util.changeAreaToString(mapData.floorArea) + floor = Map_QM.util.changeAreaToString(mapData.floorArea); } - let bLen = mapData.buildArea.length - let hLen = mapData.hollowArea.length - let hows_f = [] + let bLen = mapData.buildArea.length; + let hLen = mapData.hollowArea.length; + let hows_f = []; for (let m = 0; m < hLen; m++) { - let isIn = Map_QM.util.checkAreaInArea(mapData.hollowArea[m], mapData.floorArea); - if(isIn){ - hows_f.push(Map_QM.util.changeAreaToString(mapData.hollowArea[m])); - } + let isIn = Map_QM.util.checkAreaInArea(mapData.hollowArea[m],mapData.floorArea); + if (isIn) { + hows_f.push(Map_QM.util.changeAreaToString(mapData.hollowArea[m])); + } } if (floor) { - entColor = mapData.floorArea.entColor - borderColor = mapData.floorArea.borderColor - floorH = parseInt(mapData.floorArea.toHeight) - let mash = this.Model_QM.MyModelShape(floor, hows_f, mapData.floorArea, entColor, borderColor, 10 + 100 * this.floorOrder); - mash.receiveShadow = true - mash.castShadow = false + entColor = mapData.floorArea.entColor; + borderColor = mapData.floorArea.borderColor; + floorH = parseInt(mapData.floorArea.toHeight); + let mash = this.Model_QM.MyModelShape(floor,hows_f,mapData.floorArea,entColor,borderColor,10 + 100 * this.floorOrder); + mash.receiveShadow = true; + mash.castShadow = false; mash.userData = { - type: 'floor', - order: this.floorOrder - } - mash.userData.opacity = mapData.floorArea.alphaModle / 100 || 0 - mash.name = 'floor' - this.allObj.add(mash) + type: "floor", + order: this.floorOrder, + }; + mash.userData.opacity = mapData.floorArea.alphaModle / 100 || 0; + mash.name = "floor"; + this.allObj.add(mash); } /////////////////////初始化楼栋 for (let i = 0; i < bLen; i++) { - let build = Map_QM.util.changeAreaToString(mapData.buildArea[i]) - let hows = [] + let build = Map_QM.util.changeAreaToString(mapData.buildArea[i]); + let hows = []; for (let t = 0; t < hLen; t++) { - let isIn = Map_QM.util.checkAreaInArea(mapData.hollowArea[t], mapData.buildArea[i]) + let isIn = Map_QM.util.checkAreaInArea(mapData.hollowArea[t],mapData.buildArea[i]); if (isIn) { - hows.push(Map_QM.util.changeAreaToString(mapData.hollowArea[t])) + hows.push(Map_QM.util.changeAreaToString(mapData.hollowArea[t])); } } - entColor = mapData.buildArea[i].entColor - borderColor = mapData.buildArea[i].borderColor - buildH = parseInt(mapData.buildArea[i].toHeight) - let mash = this.Model_QM.MyPlaneShape(build, hows, mapData.buildArea[i], entColor, borderColor, 30 + 100 * this.floorOrder) - mash.receiveShadow = true - mash.castShadow = false + entColor = mapData.buildArea[i].entColor; + borderColor = mapData.buildArea[i].borderColor; + buildH = parseInt(mapData.buildArea[i].toHeight); + let mash = this.Model_QM.MyPlaneShape(build,hows,mapData.buildArea[i],entColor,borderColor,30 + 100 * this.floorOrder); + mash.receiveShadow = true; + mash.castShadow = false; mash.userData = { - type: 'build', + type: "build", order: this.floorOrder, - xaxis: mapData.buildArea[i].xaxis, - yaxis: mapData.buildArea[i].yaxis - } - mash.userData.opacity = mapData.buildArea[i].alphaModle / 100 || 0 + xaxis: mapData.buildArea[i].xaxis, + yaxis: mapData.buildArea[i].yaxis, + }; + mash.userData.opacity = mapData.buildArea[i].alphaModle / 100 || 0; mash.name = mapData.buildArea[i].name; - this.allObj.add(mash) + this.allObj.add(mash); } //店铺 - let sLen = mapData.shopArea.length - let show = (showE = '') - let showLeb = '' - let logo = '', + let sLen = mapData.shopArea.length; + let show = "", + showE = "", + showLeb = "", + formatCode = "", + mapShow = false; + let logo = "", navRecommend = false, - shopD = {}, - type = 'deco' - let shopData = Map_QM.util.shopData + shopD = {}; + let shopData = Map_QM.util.shopData; for (let i = 0; i < sLen; i++) { - if (Map_QM.util.changeAreaToString(mapData.shopArea[i]) != '') { - let arr = Map_QM.util.changeShopLinesToString(mapData.shopArea[i]) - entColor = mapData.shopArea[i].entColor || '#b79266' - borderColor = mapData.shopArea[i].borderColor || '#b79266' - show = showE = mapData.shopArea[i].name - logo = '' - showLeb = '' - navRecommend = false - mapShow = false - shopD = {} + if (Map_QM.util.changeAreaToString(mapData.shopArea[i]) != "") { + for (let t = 0; t < sLen; t++) { + let isIn = Map_QM.util.checkAreaInArea(mapData.shopArea[i], mapData.shopArea[t]); + isIn &&(mapData.shopArea[i].site = parseInt(mapData.shopArea[i].site) + 1); + } + let arr = Map_QM.util.changeShopLinesToString(mapData.shopArea[i]); + entColor = mapData.shopArea[i].entColor || "#b79266"; + borderColor = mapData.shopArea[i].borderColor || "#b79266"; + show = showE = mapData.shopArea[i].name; + logo = ""; + showLeb = ""; + navRecommend = false; + mapShow = false; + shopD = {}; if (shopData) { for (let h = 0; h < shopData.length; h++) { - let houseNum = shopData[h].houseNumber - if (houseNum == mapData.shopArea[i].name) { - show = shopData[h].shopName || shopData[h].name - showLeb = houseNum - showE = shopData[h].shopNameEn || shopData[h].nameEn - logo = shopData[h].logoPath || shopData[h].logoUrl - mapShow = shopData[h].mapShow ?? false - if (shopData[h].navRecommend || shopData[h].isPass) { - navRecommend = shopData[h].navRecommend || shopData[h].isPass - } else { - navRecommend = false - } - shopD = shopData[h] - if (shopData[h].isNewStore) { - //新店 - mapData.shopArea[i].type = 'new-shop' - this.addTagLabel(mapData.shopArea[i], { node: mapData.shopArea[i].shopNav, floor: this.floorOrder, build: this.buildOrder }) - } - if (shopData[h].activityList && shopData[h].activityList.length > 0) { + if (shopData[h].houseNumber === mapData.shopArea[i].name) { + showLeb = shopData[h].houseNumber; + show = shopData[h].shopName == undefined ? shopData[h].name : shopData[h].shopName; + showE = shopData[h].shopNameEn == undefined ? shopData[h].nameEn : shopData[h].shopNameEn; + logo = shopData[h].logoUrl; + mapShow = shopData[h].mapShow ?? false; //是否常显示 + formatCode = shopData[h].industryFatherCode; + if (shopData[h].isPass) { + navRecommend = shopData[h].isPass; + } else { + navRecommend = false; + } + shopD = shopData[h]; + if (shopData[h].isNewShop) { + //新店 + mapData.shopArea[i].type = "new-shop"; + this.addTagLabel(mapData.shopArea[i], {node: mapData.shopArea[i].shopNav, floor: this.floorOrder, build: this.buildOrder}); + } else { + if (shopData[h].activityList &&shopData[h].activityList.length > 0) { //促销 - mapData.shopArea[i].type = 'promotion' - this.addTagLabel(mapData.shopArea[i], { node: mapData.shopArea[i].shopNav, floor: this.floorOrder, build: this.buildOrder }) + mapData.shopArea[i].type = "promotion"; + this.addTagLabel(mapData.shopArea[i], {node: mapData.shopArea[i].shopNav, floor: this.floorOrder, build: this.buildOrder }); } - shopData[h].color&& (entColor = shopData[h].color) - shopData[h].formatColor&& (entColor = shopData[h].formatColor) - shopData[h].borderColor &&(borderColor = shopData[h].borderColor) - break } - + shopData[h].color && (entColor = shopData[h].color); + shopData[h].formatColor && (entColor = shopData[h].formatColor); + shopData[h].borderColor && (borderColor = shopData[h].borderColor); + break; + } } } - let hollShop = [] + let hollShop = []; if (mapData.shopArea[i].hollArea) { for (let k = 0; k < mapData.shopArea[i].hollArea.length; k++) { - hollShop.push(Map_QM.util.changeAreaToString(mapData.shopArea[i].hollArea[k])) + hollShop.push(Map_QM.util.changeAreaToString(mapData.shopArea[i].hollArea[k])); } } - let mahc = this.Model_QM.MyModelShape(arr, hollShop, mapData.shopArea[i], entColor, borderColor, 100) - mahc.node = mapData.shopArea[i].shopNav + let mahc = this.Model_QM.MyModelShape(arr,hollShop,mapData.shopArea[i],entColor,borderColor,60 + 100 * this.floorOrder); + mahc.node = mapData.shopArea[i].shopNav; mahc.userData = { + id: mapData.shopArea[i].id, shopData: shopD, xaxis: mapData.shopArea[i].xaxis >> 0, yaxis: mapData.shopArea[i].yaxis >> 0, @@ -4661,260 +6383,261 @@ FloorMap_QM.prototype = { floor: this.floorOrder, build: this.buildOrder, navRecommend: navRecommend, - type: 'shop', - entColor: entColor, - shopNum: mapData.shopArea[i].name, + type: "shop", + houseNumber: mapData.shopArea[i].name, shopName: show, + formatCode: formatCode, logo: logo, - borderColor: borderColor - } - mahc.userData.opacity = mapData.shopArea[i].alphaModle / 100 || 0 - mahc.name = showLeb - mahc.xaxis = mapData.shopArea[i].xaxis >> 0 - mahc.yaxis = mapData.shopArea[i].yaxis >> 0 - this.shopObj.add(mahc) + opacity: mapData.shopArea[i].alphaModle / 100 || 0, + }; + mahc.name = showLeb; + mahc.xaxis = mapData.shopArea[i].xaxis >> 0; + mahc.yaxis = mapData.shopArea[i].yaxis >> 0; + this.shopObj.add(mahc); if (mapData.shopArea[i].logoUrl && mapData.shopArea[i].isLabel == 0) { //添加logo - this.logoUtil.renderIcon(mapData.shopArea[i], mahc, parseInt(mapData.shopArea[i].toHeight) + parseInt(mapData.shopArea[i].site || 0) + 1) + this.logoUtil.renderIcon(mapData.shopArea[i],mahc,parseInt(mapData.shopArea[i].toHeight) +1 ); } else { //添加文字 - let some = false - if (Map_QM.util.options.boxShop.length && Map_QM.util.options.boxShop[0] !== '') { - some = Map_QM.util.options.boxShop.some(item => { - return mapData.shopArea[i].name.includes(item) - }) + let some = false; + if (Map_QM.util.options.boxShop.length && Map_QM.util.options.boxShop[0] !== "") { + some = Map_QM.util.options.boxShop.some((item) => { + return mapData.shopArea[i].name.includes(item); + }); } - if (showLeb != '' || some) { - let shopDiv = document.createElement('div') - shopDiv.style.cssText = css_LR - if(window.innerWidth>2000){ - shopDiv.style.height = "20px" - shopDiv.style.fontSize = "18px" - } - shopDiv.innerHTML = Map_QM.util.options.shopStyle == "shopName" ? show : mapData.shopArea[i].name; - shopDiv.dataset.name = show - shopDiv.dataset.nameEn = showE - shopDiv.style.display = "none" - 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 //是否永久显示 - shopLabel.userData.isShow = true - this.labelObj.add(shopLabel) + if (showLeb != "" || some) { + let shopDiv = document.createElement("div"); + shopDiv.style.cssText = css_LR; + if (window.innerWidth > 2000) { + shopDiv.style.fontSize = "18px"; + } + shopDiv.innerHTML =Map_QM.util.options.shopStyle == "shopName" ? show : mapData.shopArea[i].name; + shopDiv.dataset.name = show; + shopDiv.dataset.nameEn = showE; + shopDiv.style.display = "none"; + 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; //是否永久显示 + shopLabel.userData.formatCode = formatCode; + shopLabel.userData.isShow = true; + this.labelObj.add(shopLabel); } } } } }, addTagLabel: function (obj, userData) { - let shopDiv = document.createElement('img') - shopDiv.src = Map_QM.util.beforPath + "static/img/" + obj.type + ".png" - shopDiv.style.zIndex = 200 - shopDiv.style.width = "3.125vw" - let shopLabel = new THREE.CSS2DObject(shopDiv) - shopLabel.userData = userData - shopLabel.userData.mapShow = true //是否永久显示 - shopLabel.userData.isShow = false - shopLabel.userData.type = obj.type - shopLabel.position.set(obj.xaxis >> 0, -1 * obj.yaxis >> 0, Map_QM.util.shopHeight+30) - this.tagObj.add(shopLabel) - }, + let shopDiv = document.createElement("img"); + shopDiv.src = Map_QM.util.beforPath + "static/img/" + obj.type + ".png"; + shopDiv.style.zIndex = 30; + shopDiv.style.width = "3.125vw"; + let shopLabel = new THREE.CSS2DObject(shopDiv); + shopLabel.userData = userData; + shopLabel.userData.mapShow = true; //是否永久显示 + shopLabel.userData.isShow = false; + shopLabel.userData.type = obj.type; + shopLabel.position.set(obj.xaxis >> 0, (-1 * obj.yaxis) >> 0, Map_QM.util.shopHeight + 30); + this.tagObj.add(shopLabel); + }, //初始化服务图标 initFacilitie: function () { - let serArr = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData.icons + let serArr = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData.icons; for (let i = 0; i < serArr.length; i++) { - if (serArr[i].hasOwnProperty('iShow')) { + if (serArr[i].hasOwnProperty("iShow")) { if (serArr[i].iShow) { - serArr[i].floorOrder = this.floorOrder - serArr[i].buildOrder = this.buildOrder - this.facUtil.renderIcon(serArr[i], this) + serArr[i].floorOrder = this.floorOrder; + serArr[i].buildOrder = this.buildOrder; + this.facUtil.renderIcon(serArr[i], this); } } else { - serArr[i].floorOrder = this.floorOrder - serArr[i].buildOrder = this.buildOrder - this.facUtil.renderIcon(serArr[i], this) + serArr[i].floorOrder = this.floorOrder; + serArr[i].buildOrder = this.buildOrder; + this.facUtil.renderIcon(serArr[i], this); } } }, //初始化电梯图标 initStairs: function () { - let facArr = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData.stairs + let facArr = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData.stairs; for (let i = 0; i < facArr.length; i++) { - if (facArr[i].facCode == 'ft') { - if (Map_QM.util.pathStateObj.elevatorDown && Map_QM.util.pathStateObj.elevator) { + if (facArr[i].facCode == "ft") { + if (Map_QM.util.pathStateObj.elevatorDown && Map_QM.util.pathStateObj.elevator && Map_QM.util.options.modelIcon) { if (facArr[i].downState) { //上扶梯 - let ex = Map_QM.util.pathStateObj.elevator.clone() - ex.position.set(facArr[i].x, -1 * facArr[i].y, facArr[i].site || 0) - ex.rotation.y = ((facArr[i].angle || 0) * Math.PI) / -180 - ex.userData.type = 'icon' - ex.userData.use = '3d' - ex.userData.name = 'upft' - ex.userData.buildOrder = facArr[i].buildOrder - ex.userData.floorOrder = facArr[i].floorOrder - ex.userData.navCode = facArr[i].navCode - ex.userData.src = 'static/img/ft.png' - ex.userData.facCode = facArr[i].facCode - ex.userData.title = facArr[i].title - this.serObj.add(ex) - facArr[i].facCode = 'ft' - this.facUtil.renderIcon(facArr[i], this, false, ex) + let ex = Map_QM.util.pathStateObj.elevator.clone(); + ex.position.set(facArr[i].x, -1 * facArr[i].y, facArr[i].site || 0); + ex.rotation.y = ((facArr[i].angle || 0) * Math.PI) / -180; + ex.userData.type = "icon"; + ex.userData.use = "3d"; + ex.userData.name = "upft"; + ex.userData.buildOrder = facArr[i].buildOrder; + ex.userData.floorOrder = facArr[i].floorOrder; + ex.userData.navCode = facArr[i].navCode; + ex.userData.src = "static/img/ft.png"; + ex.userData.facCode = facArr[i].facCode; + ex.userData.title = facArr[i].title; + this.serObj.add(ex); + facArr[i].facCode = "ft"; + this.facUtil.renderIcon(facArr[i], this, false, ex); } else if (facArr[i].upState) { //下扶梯 - let ex = Map_QM.util.pathStateObj.elevatorDown.clone() - ex.position.set(facArr[i].x, -1 * facArr[i].y, facArr[i].site || 0) - ex.rotation.y = ((facArr[i].angle || 0) * Math.PI) / -180 - ex.userData.type = 'icon' - ex.userData.use = '3d' - ex.userData.name = 'downft' - ex.userData.buildOrder = facArr[i].buildOrder - ex.userData.floorOrder = facArr[i].floorOrder - ex.userData.navCode = facArr[i].navCode - ex.userData.src = 'static/img/ft.png' - ex.userData.facCode = facArr[i].facCode - ex.userData.title = facArr[i].title - this.serObj.add(ex) - facArr[i].facCode = 'ft' - this.facUtil.renderIcon(facArr[i], this, false, ex) + let ex = Map_QM.util.pathStateObj.elevatorDown.clone(); + ex.position.set(facArr[i].x, -1 * facArr[i].y, facArr[i].site || 0); + ex.rotation.y = ((facArr[i].angle || 0) * Math.PI) / -180; + ex.userData.type = "icon"; + ex.userData.use = "3d"; + ex.userData.name = "downft"; + ex.userData.buildOrder = facArr[i].buildOrder; + ex.userData.floorOrder = facArr[i].floorOrder; + ex.userData.navCode = facArr[i].navCode; + ex.userData.src = "static/img/ft.png"; + ex.userData.facCode = facArr[i].facCode; + ex.userData.title = facArr[i].title; + this.serObj.add(ex); + facArr[i].facCode = "ft"; + this.facUtil.renderIcon(facArr[i], this, false, ex); } else { - this.facUtil.renderIcon(facArr[i], this, true) + this.facUtil.renderIcon(facArr[i], this, true); } } else { - this.facUtil.renderIcon(facArr[i], this, true) + this.facUtil.renderIcon(facArr[i], this, true); } - } else if (facArr[i].facCode == 'upft') { - if (Map_QM.util.pathStateObj.elevator) { - let ex = Map_QM.util.pathStateObj.elevator.clone() - ex.position.set(facArr[i].x, -1 * facArr[i].y, facArr[i].site || 0) - ex.rotation.y = ((facArr[i].angle || 0) * Math.PI) / -180 - ex.userData.type = 'icon' - ex.userData.use = '3d' - ex.userData.name = 'upft' - ex.userData.buildOrder = facArr[i].buildOrder - ex.userData.floorOrder = facArr[i].floorOrder - ex.userData.navCode = facArr[i].navCode - ex.userData.src = 'static/img/ft.png' - ex.userData.facCode = facArr[i].facCode - ex.userData.title = facArr[i].title - this.serObj.add(ex) - facArr[i].facCode = 'ft' - this.facUtil.renderIcon(facArr[i], this, false, ex) + } else if (facArr[i].facCode == "upft") { + if (Map_QM.util.pathStateObj.elevator && Map_QM.util.options.modelIcon) { + let ex = Map_QM.util.pathStateObj.elevator.clone(); + ex.position.set(facArr[i].x, -1 * facArr[i].y, facArr[i].site || 0); + ex.rotation.y = ((facArr[i].angle || 0) * Math.PI) / -180; + ex.userData.type = "icon"; + ex.userData.use = "3d"; + ex.userData.name = "upft"; + ex.userData.buildOrder = facArr[i].buildOrder; + ex.userData.floorOrder = facArr[i].floorOrder; + ex.userData.navCode = facArr[i].navCode; + ex.userData.src = "static/img/ft.png"; + ex.userData.facCode = facArr[i].facCode; + ex.userData.title = facArr[i].title; + this.serObj.add(ex); + facArr[i].facCode = "ft"; + this.facUtil.renderIcon(facArr[i], this, false, ex); } else { - facArr[i].facCode = 'ft' - this.facUtil.renderIcon(facArr[i], this, true) + facArr[i].facCode = "ft"; + this.facUtil.renderIcon(facArr[i], this, true); } - } else if (facArr[i].facCode == 'downft') { - if (Map_QM.util.pathStateObj.elevatorDown) { - let ex = Map_QM.util.pathStateObj.elevatorDown.clone() - ex.position.set(facArr[i].x, -1 * facArr[i].y, facArr[i].site || 0) - ex.rotation.y = ((facArr[i].angle || 0) * Math.PI) / -180 - ex.userData.type = 'icon' - ex.userData.use = '3d' - ex.userData.name = 'downft' - ex.userData.buildOrder = facArr[i].buildOrder - ex.userData.floorOrder = facArr[i].floorOrder - ex.userData.navCode = facArr[i].navCode - ex.userData.src = 'static/img/ft.png' - ex.userData.facCode = facArr[i].facCode - ex.userData.title = facArr[i].title - this.serObj.add(ex) - facArr[i].facCode = 'ft' - this.facUtil.renderIcon(facArr[i], this, false, ex) + } else if (facArr[i].facCode == "downft") { + if (Map_QM.util.pathStateObj.elevatorDown && Map_QM.util.options.modelIcon) { + let ex = Map_QM.util.pathStateObj.elevatorDown.clone(); + ex.position.set(facArr[i].x, -1 * facArr[i].y, facArr[i].site || 0); + ex.rotation.y = ((facArr[i].angle || 0) * Math.PI) / -180; + ex.userData.type = "icon"; + ex.userData.use = "3d"; + ex.userData.name = "downft"; + ex.userData.buildOrder = facArr[i].buildOrder; + ex.userData.floorOrder = facArr[i].floorOrder; + ex.userData.navCode = facArr[i].navCode; + ex.userData.src = "static/img/ft.png"; + ex.userData.facCode = facArr[i].facCode; + ex.userData.title = facArr[i].title; + this.serObj.add(ex); + facArr[i].facCode = "ft"; + this.facUtil.renderIcon(facArr[i], this, false, ex); } else { - facArr[i].facCode = 'ft' - this.facUtil.renderIcon(facArr[i], this, true) + facArr[i].facCode = "ft"; + this.facUtil.renderIcon(facArr[i], this, true); } - } else if (facArr[i].facCode == 'dt') { - if (Map_QM.util.pathStateObj.straight) { - let stra = Map_QM.util.pathStateObj.straight.clone() - stra.position.set(facArr[i].x, -1 * facArr[i].y, facArr[i].site || 0) - stra.rotation.y = ((facArr[i].angle || 0) * Math.PI) / -180 - stra.userData.type = 'icon' - stra.userData.use = '3d' - stra.userData.name = 'dt' - stra.userData.buildOrder = facArr[i].buildOrder - stra.userData.floorOrder = facArr[i].floorOrder - stra.userData.navCode = facArr[i].navCode - stra.userData.src = 'static/img/dt.png' - stra.userData.facCode = facArr[i].facCode - stra.userData.title = facArr[i].title - this.serObj.add(stra) - this.facUtil.renderIcon(facArr[i], this, false, stra) + } else if (facArr[i].facCode == "dt") { + if (Map_QM.util.pathStateObj.straight && Map_QM.util.options.modelIcon) { + let stra = Map_QM.util.pathStateObj.straight.clone(); + stra.position.set(facArr[i].x, -1 * facArr[i].y, facArr[i].site || 0); + stra.rotation.y = ((facArr[i].angle || 0) * Math.PI) / -180; + stra.userData.type = "icon"; + stra.userData.use = "3d"; + stra.userData.name = "dt"; + stra.userData.buildOrder = facArr[i].buildOrder; + stra.userData.floorOrder = facArr[i].floorOrder; + stra.userData.navCode = facArr[i].navCode; + stra.userData.src = "static/img/dt.png"; + stra.userData.facCode = facArr[i].facCode; + stra.userData.title = facArr[i].title; + this.serObj.add(stra); + this.facUtil.renderIcon(facArr[i], this, false, stra); } else { - this.facUtil.renderIcon(facArr[i], this, true) + this.facUtil.renderIcon(facArr[i], this, true); } } else { - this.facUtil.renderIcon(facArr[i], this, true) + this.facUtil.renderIcon(facArr[i], this, true); } } }, //初始化装饰图标 initDecos: function () { - let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData - let sLen = mapData.decos.length - let entColor, borderColor + let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData; + let sLen = mapData.decos.length; + let entColor, borderColor; + if (mapData.groupArea) { for (let k = 0; k < mapData.groupArea.length; k++) { - var gp = new THREE.Group() - gp.rotateX((mapData.groupArea[k].angleX * Math.PI) / 180) - gp.rotateY((mapData.groupArea[k].angleY * Math.PI) / 180) - gp.rotateZ((mapData.groupArea[k].angleZ * Math.PI) / 180) + var gp = new THREE.Group(); + gp.rotateX((mapData.groupArea[k].angleX * Math.PI) / 180); + gp.rotateY((mapData.groupArea[k].angleY * Math.PI) / 180); + gp.rotateZ((mapData.groupArea[k].angleZ * Math.PI) / 180); for (let i = 0; i < sLen; i++) { - if (mapData.decos[i].gid && mapData.decos[i].gid == mapData.groupArea[k]._name && Map_QM.util.changeAreaToString(mapData.decos[i]) != '') { - let arr = Map_QM.util.changeAreaToString(mapData.decos[i]) - entColor = mapData.decos[i].entColor - borderColor = mapData.decos[i].borderColor - let show = mapData.decos[i].name == 'deco' ? '' : mapData.decos[i].name - let hollShop = [] + let arr = Map_QM.util.changeAreaToString(mapData.decos[i]); + if (mapData.decos[i].gid && mapData.decos[i].gid == mapData.groupArea[k].name && arr.length > 0) { + entColor = mapData.decos[i].entColor; + borderColor = mapData.decos[i].borderColor; + let show = mapData.decos[i].name == "deco" ? "" : mapData.decos[i].name; + let hollShop = []; if (mapData.decos[i].hollArea) { for (let k = 0; k < mapData.decos[i].hollArea.length; k++) { - hollShop.push(Map_QM.util.changeAreaToString(mapData.decos[i].hollArea[k])) + hollShop.push(Map_QM.util.changeAreaToString(mapData.decos[i].hollArea[k])); } } - let mahc = this.Model_QM.MyModelShape(arr, hollShop, mapData.decos[i], entColor, borderColor, 240) - mahc.xaxis = mapData.decos[i].xaxis >> 0 - mahc.yaxis = mapData.decos[i].yaxis >> 0 - mahc.node = mapData.decos[i].shopNav + let mahc = this.Model_QM.MyModelShape(arr,hollShop,mapData.decos[i],entColor,borderColor,70 + 100 * this.floorOrder); + mahc.xaxis = mapData.decos[i].xaxis >> 0; + mahc.yaxis = mapData.decos[i].yaxis >> 0; + mahc.node = mapData.decos[i].shopNav; mahc.userData = { - type: 'deco', - name: show - } - mahc.userData.opacity = mapData.decos[i].alphaModle / 100 || 0 - gp.add(mahc) - mahc.position.x = -1 * mapData.groupArea[k].xaxis - mahc.position.y = mapData.groupArea[k].yaxis + type: "deco", + name: show, + }; + mahc.userData.opacity = mapData.decos[i].alphaModle / 100 || 0; + gp.add(mahc); + mahc.position.x = -1 * mapData.groupArea[k].xaxis; + mahc.position.y = mapData.groupArea[k].yaxis; } } - this.allObj.add(gp) - gp.position.x = mapData.groupArea[k].xaxis - gp.position.y = -1 * mapData.groupArea[k].yaxis - gp.position.z = mapData.groupArea[k].site || 0 - gp.scale.set(mapData.groupArea[k].scale, mapData.groupArea[k].scale, mapData.groupArea[k].scale) + this.allObj.add(gp); + gp.position.x = mapData.groupArea[k].xaxis; + gp.position.y = -1 * mapData.groupArea[k].yaxis; + gp.position.z = mapData.groupArea[k].site || 0; + gp.scale.set(mapData.groupArea[k].scale,mapData.groupArea[k].scale,mapData.groupArea[k].scale); } } for (let i = 0; i < sLen; i++) { - let arr = Map_QM.util.changeAreaToString(mapData.decos[i]) - if (!mapData.decos[i].gid && arr.length>0) { - entColor = mapData.decos[i].entColor - borderColor = mapData.decos[i].borderColor - let show = mapData.decos[i].name == 'deco' ? '' : mapData.decos[i].name - let hollShop = [] + let arr = Map_QM.util.changeAreaToString(mapData.decos[i]); + if (!mapData.decos[i].gid && arr.length > 0) { + entColor = mapData.decos[i].entColor; + borderColor = mapData.decos[i].borderColor; + let show = mapData.decos[i].name == "deco" ? "" : mapData.decos[i].name; + let hollShop = []; if (mapData.decos[i].hollArea) { for (let k = 0; k < mapData.decos[i].hollArea.length; k++) { - hollShop.push(Map_QM.util.changeAreaToString(mapData.decos[i].hollArea[k])) + hollShop.push(Map_QM.util.changeAreaToString(mapData.decos[i].hollArea[k])); } } - let mahc = this.Model_QM.MyModelShape(arr, hollShop, mapData.decos[i], entColor, borderColor, 70 + 100 * this.floorOrder); + let mahc; + mahc = this.Model_QM.MyModelShape(arr,hollShop,mapData.decos[i],entColor,borderColor,70 + 100 * this.floorOrder ); mahc.userData = { - "type": "deco", - "node": mapData.decos[i].shopNav, - "xaxis": mapData.decos[i].xaxis, - "yaxis": mapData.decos[i].yaxis, - "houseNumber": mahc.name, - "name": show - }; - this.allObj.add(mahc) + type: "deco", + node: mapData.decos[i].shopNav, + xaxis: mapData.decos[i].xaxis, + yaxis: mapData.decos[i].yaxis, + houseNumber: mahc.name, + name: show, + }; + this.allObj.add(mahc); } } }, @@ -4922,25 +6645,18 @@ FloorMap_QM.prototype = { * 渲染墙体 */ initWall: function () { - let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData + let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData; //渲染 if (mapData.wallArea) { - let sLen = mapData.wallArea.length + let sLen = mapData.wallArea.length; for (let i = 0; i < sLen; i++) { - let arr = Map_QM.util.changeWallToString(mapData.wallArea[i]) - let mahc = this.Model_QM.MyModelShape( - arr, - null, - mapData.wallArea[i], - mapData.wallArea[i].entColor || '#eaeaea', - mapData.wallArea[i].borderColor || '#eaeaea', - 300 - ) + let arr = Map_QM.util.changeWallToString(mapData.wallArea[i]); + let mahc = this.Model_QM.MyModelShape(arr, null, mapData.wallArea[i], mapData.wallArea[i].entColor || "#eaeaea", mapData.wallArea[i].borderColor || "#eaeaea", 300); mahc.userData = { - type: 'wall' - } - mahc.userData.opacity = mapData.wallArea[i].alphaModle / 100 || 0 - this.allObj.add(mahc) + type: "wall", + }; + mahc.userData.opacity = mapData.wallArea[i].alphaModle / 100 || 0; + this.allObj.add(mahc); } } }, @@ -4948,280 +6664,295 @@ FloorMap_QM.prototype = { * 渲染文本 */ initTextArea: function () { - let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData + let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData; //渲染 if (mapData.svgArea) { - let sLen = mapData.svgArea.length + let sLen = mapData.svgArea.length; for (let i = 0; i < sLen; i++) { - let mahc = this.Model_QM.MyModelText(mapData.svgArea[i]) + let mahc = this.Model_QM.MyModelText(mapData.svgArea[i]); mahc.userData = { - type: 'svg', + type: "svg", rot: mahc.rotation.z, - shopNum: mapData.svgArea[i].name - } - this.svgObj.add(mahc) + houseNumber: mapData.svgArea[i].name, + }; + this.svgObj.add(mahc); } } }, /** * 设置终点图标 */ - setOverSite: function (shopX, shopY, shopZ) { - if (Map_QM.endModel) { - Map_QM.endModel.visible = pathCameraState == "2D" ? false : true; - Map_QM.endModel.scale.x = Map_QM.endModel.scale.y = Map_QM.endModel.scale.z = 100; - Map_QM.endModel.position.set(shopX, shopZ, shopY); //x,z,y - Map_QM.endModel.applyMatrix4(Map_QM.sceneGap.matrix); - if (Map_QM.endIcon) { - Map_QM.endIcon.visible = pathCameraState == "2D" ? true : false; - Map_QM.endIcon.scale.x = 100; - Map_QM.endIcon.scale.y = 120; - Map_QM.endIcon.position.set(shopX, 100, shopY); //x,z,y - Map_QM.endIcon.applyMatrix4(Map_QM.sceneGap.matrix); - } - } else { - try { - Map_QM.scene.traverse(item => { - if (item.name == "Z-model") { - Map_QM.scene.remove(item); - } - }); - } catch (e) { - console.log("traverse") - } - - let loader2 = new THREE.GLTFLoader(); - loader2.load(Map_QM.util.beforPath + "static/img/zhong.glb", function (collada2) { - collada2.scene.scale.x = collada2.scene.scale.y = collada2.scene.scale.z = 100; - if (shopX != 0 && shopY != 0) { - collada2.scene.position.set(shopX, shopZ, shopY); //x,z,y - } - collada2.scene.applyMatrix4(Map_QM.sceneGap.matrix); - collada2.scene.renderOrder = 200; - collada2.scene.traverse(function (child) { - if (child.type === "Mesh") { - child.castShadow = Map_QM.util.options.shadow; - child.receiveShadow = Map_QM.util.options.shadow; - if (child.material.map) { - child.material.map.encoding = THREE.LinearEncoding; //贴图需要转换成 线性编码 - } - } - }); - for (let k = 0; k < collada2.animations.length; k++) { - let mixer = new THREE.AnimationMixer(collada2.scene) - mixer.clipAction(collada2.animations[k]).play() - Map_QM.mixers.push(mixer) - } - collada2.scene.name = "Z-model"; - Map_QM.endModel = collada2.scene; - Map_QM.scene.add(collada2.scene); - Map_QM.endModel.visible = pathCameraState == "2D" ? false : true; - }); - let spriteMap = new THREE.TextureLoader().load(Map_QM.util.beforPath + "static/img/Z.png"); - let spriteMaterial = new THREE.SpriteMaterial({ //sizeAttenuation: false 禁止跟随鼠标缩放 - map: spriteMap, - depthTest: true, - transparent: true, - alphaTest: 0.5 - }); - Map_QM.endIcon = new MySprite_QM(spriteMaterial); - Map_QM.endIcon.scale.set(100, 120, 1); - Map_QM.endIcon.center = new THREE.Vector2(0.5, 0); - Map_QM.endIcon.position.set(shopX, 100, shopY); - Map_QM.endIcon.applyMatrix4(Map_QM.sceneGap.matrix); - Map_QM.endIcon.renderOrder = 300; - Map_QM.endIcon.name = "Z-model"; - Map_QM.endIcon.visible = pathCameraState == "2D" ? true : false; - Map_QM.scene.add(Map_QM.endIcon); - } - }, + setOverSite: function (shopX, shopY, shopZ) { + if (Map_QM.endModel) { + Map_QM.endModel.visible = pathCameraState == "2D" ? false : true; + Map_QM.endModel.scale.x = Map_QM.endModel.scale.y = Map_QM.endModel.scale.z = 100; + Map_QM.endModel.position.set(shopX, shopZ, shopY); //x,z,y + Map_QM.endModel.applyMatrix4(Map_QM.sceneGap.matrix); + if (Map_QM.endIcon) { + Map_QM.endIcon.visible = pathCameraState == "2D" ? true : false; + Map_QM.endIcon.scale.x = 100; + Map_QM.endIcon.scale.y = 120; + Map_QM.endIcon.position.set(shopX, 100, shopY); //x,z,y + Map_QM.endIcon.applyMatrix4(Map_QM.sceneGap.matrix); + } + } else { + try { + Map_QM.scene.traverse((item) => { + if (item.name == "Z-model") { + Map_QM.scene.remove(item); + } + }); + } catch (e) { + window.captureException && window.captureException(e); + console.log("traverse"); + } + + let loader2 = new THREE.GLTFLoader(); + loader2.load( + Map_QM.util.beforPath + "static/img/zhong.glb", + function (collada2) { + collada2.scene.scale.x = collada2.scene.scale.y = collada2.scene.scale.z = 100; + if (shopX != 0 && shopY != 0) { + collada2.scene.position.set(shopX, shopZ, shopY); //x,z,y + } + collada2.scene.applyMatrix4(Map_QM.sceneGap.matrix); + collada2.scene.renderOrder = 200; + collada2.scene.traverse(function (child) { + if (child.type === "Mesh") { + child.castShadow = Map_QM.util.options.shadow; + child.receiveShadow = Map_QM.util.options.shadow; + if (child.material.map) { + child.material.map.encoding = THREE.LinearEncoding; //贴图需要转换成 线性编码 + } + } + }); + for (let k = 0; k < collada2.animations.length; k++) { + let mixer = new THREE.AnimationMixer(collada2.scene); + mixer.clipAction(collada2.animations[k]).play(); + Map_QM.mixers.push(mixer); + } + collada2.scene.name = "Z-model"; + Map_QM.endModel = collada2.scene; + Map_QM.scene.add(collada2.scene); + Map_QM.endModel.visible = pathCameraState == "2D" ? false : true; + } + ); + let spriteMap = new THREE.TextureLoader().load( + Map_QM.util.beforPath + "static/img/Z.png" + ); + let spriteMaterial = new THREE.SpriteMaterial({ + //sizeAttenuation: false 禁止跟随鼠标缩放 + map: spriteMap, + depthTest: true, + transparent: true, + alphaTest: 0.5, + }); + Map_QM.endIcon = new MySprite_QM(spriteMaterial); + Map_QM.endIcon.scale.set(100, 120, 1); + Map_QM.endIcon.center = new THREE.Vector2(0.5, 0); + Map_QM.endIcon.position.set(shopX, 100, shopY); + Map_QM.endIcon.applyMatrix4(Map_QM.sceneGap.matrix); + Map_QM.endIcon.renderOrder = 300; + Map_QM.endIcon.name = "Z-model"; + Map_QM.endIcon.visible = pathCameraState == "2D" ? true : false; + Map_QM.scene.add(Map_QM.endIcon); + } + }, /** * 设置起点图标 */ - setStartSite: function (shopX, shopY, shopZ) { - let _this = this; - if (Map_QM.devModel) { - Map_QM.devModel.position.set(shopX, -1 * shopY,50); - _this.allObj.add(Map_QM.devModel) - Map_QM.qiModel.position.set(shopX, -1 * shopY,10); - _this.allObj.add(Map_QM.qiModel) - Map_QM.qiIcon.position.set(shopX, -1 * shopY, shopZ); - _this.allObj.add(Map_QM.qiIcon) - } else { - new THREE.GLTFLoader().load(Map_QM.util.beforPath + "static/img/guide.glb", function (obj) { - obj.scene.scale.x = obj.scene.scale.y = obj.scene.scale.z = 100; - obj.scene.rotation.x = Math.PI / 2; - obj.scene.rotation.y = Map_QM.util.deviceObj.angle*Math.PI/-180; - obj.scene.traverse(function (child) { - if (child.type === "Mesh") { - child.castShadow = Map_QM.util.options.shadow; - child.receiveShadow = Map_QM.util.options.shadow; - if (child.material.map) { - child.material.map.encoding = THREE.LinearEncoding; //贴图需要转换成 线性编码 - } - } - }); - if (shopX != 0 && shopY != 0) { - obj.scene.position.set(shopX, -1 * shopY, 50); //x,z,y - } - for (let k = 0; k < obj.animations.length; k++) { - let mixer = new THREE.AnimationMixer(obj.scene) - mixer.clipAction(obj.animations[k]).play() - Map_QM.mixers.push(mixer) - } - Map_QM.devModel = obj.scene; - Map_QM.devModel.renderOrder = 160; - _this.allObj.add(Map_QM.devModel); - }); - - new THREE.GLTFLoader().load(Map_QM.util.beforPath + "static/img/qi.glb", function (collada) { - collada.scene.scale.x = collada.scene.scale.y = collada.scene.scale.z = 100; - collada.scene.rotateX(Math.PI / 2); - collada.scene.visible =false; - collada.scene.traverse(function (child) { - if (child.type === "Mesh") { - child.castShadow = Map_QM.util.options.shadow; - child.receiveShadow = Map_QM.util.options.shadow; - if (child.material.map) { - child.material.map.encoding = THREE.LinearEncoding; //贴图需要转换成 线性编码 - } - } - }); - if (shopX != 0 && shopY != 0) { - collada.scene.position.set(shopX, -1 * shopY, parseInt(Map_QM.util.buildHeight) + 5); //x,z,y - } - for (let k = 0; k < collada.animations.length; k++) { - let mixer = new THREE.AnimationMixer(collada.scene) - mixer.clipAction(collada.animations[k]).play() - Map_QM.mixers.push(mixer) - } - collada.scene.renderOrder = 200; - collada.scene.userData.type = "start"; - Map_QM.qiModel = collada.scene; - _this.allObj.add(collada.scene); - //-------------------------------------------------------------- - let spriteMap = new THREE.TextureLoader().load(Map_QM.util.beforPath + "static/img/Q.png"); - let spriteMaterial = new THREE.SpriteMaterial({ //sizeAttenuation: false 禁止跟随鼠标缩放 - map: spriteMap, - depthTest: true, - transparent: true, - alphaTest: 0.5 - }); - Map_QM.qiIcon = new MySprite_QM(spriteMaterial); - Map_QM.qiIcon.scale.set(100, 120, 1); - Map_QM.qiIcon.center = new THREE.Vector2(0.5, 0); - Map_QM.qiIcon.position.set(shopX, -1 * shopY, shopZ + 50); - Map_QM.qiIcon.renderOrder = 500; - Map_QM.qiIcon.visible = false; - Map_QM.qiIcon.userData.type = "start"; - _this.allObj.add(Map_QM.qiIcon); - - - }); - } - }, + setStartSite: function (shopX, shopY, shopZ) { + let _this = this; + if (Map_QM.qiModel) { + Map_QM.devModel.position.set(shopX, -1 * shopY, 20); + _this.allObj.add(Map_QM.devModel); + Map_QM.qiModel.position.set(shopX, -1 * shopY, 10); + _this.allObj.add(Map_QM.qiModel); + Map_QM.qiIcon.position.set(shopX, -1 * shopY, shopZ); + _this.allObj.add(Map_QM.qiIcon); + } else { + new THREE.GLTFLoader().load( + Map_QM.util.beforPath + "static/img/guide.glb", + function (obj) { + obj.scene.scale.x = obj.scene.scale.y = obj.scene.scale.z = 100; + obj.scene.rotation.x = Math.PI / 2; + obj.scene.rotation.y = (Map_QM.util.deviceObj.angle * Math.PI) / -180; + obj.scene.traverse(function (child) { + if (child.type === "Mesh") { + child.castShadow = Map_QM.util.options.shadow; + child.receiveShadow = Map_QM.util.options.shadow; + if (child.material.map) { + child.material.map.encoding = THREE.LinearEncoding; //贴图需要转换成 线性编码 + } + } + }); + if (shopX != 0 && shopY != 0) { + obj.scene.position.set(shopX, -1 * shopY, 50); //x,z,y + } + for (let k = 0; k < obj.animations.length; k++) { + let mixer = new THREE.AnimationMixer(obj.scene); + mixer.clipAction(obj.animations[k]).play(); + Map_QM.mixers.push(mixer); + } + Map_QM.devModel = obj.scene; + Map_QM.devModel.visible = false; + Map_QM.devModel.renderOrder = 160; + _this.allObj.add(Map_QM.devModel); + } + ); + new THREE.GLTFLoader().load( + Map_QM.util.beforPath + "static/img/qi.glb", + function (collada) { + collada.scene.scale.x = collada.scene.scale.y = collada.scene.scale.z = 100; + collada.scene.rotateX(Math.PI / 2); + collada.scene.traverse(function (child) { + if (child.type === "Mesh") { + child.castShadow = Map_QM.util.options.shadow; + child.receiveShadow = Map_QM.util.options.shadow; + if (child.material.map) { + child.material.map.encoding = THREE.LinearEncoding; //贴图需要转换成 线性编码 + } + } + }); + if (shopX != 0 && shopY != 0) { + collada.scene.position.set( shopX, -1 * shopY, parseInt(Map_QM.util.buildHeight) + 5); //x,z,y + } + for (let k = 0; k < collada.animations.length; k++) { + let mixer = new THREE.AnimationMixer(collada.scene); + mixer.clipAction(collada.animations[k]).play(); + Map_QM.mixers.push(mixer); + } + collada.scene.renderOrder = 200; + collada.scene.userData.type = "start"; + Map_QM.qiModel = collada.scene; + _this.allObj.add(collada.scene); + //-------------------------------------------------------------- + let spriteMap = new THREE.TextureLoader().load( + Map_QM.util.beforPath + "static/img/Q.png" + ); + let spriteMaterial = new THREE.SpriteMaterial({ + //sizeAttenuation: false 禁止跟随鼠标缩放 + map: spriteMap, + depthTest: true, + transparent: true, + alphaTest: 0.5, + }); + Map_QM.qiIcon = new MySprite_QM(spriteMaterial); + Map_QM.qiIcon.scale.set(100, 120, 1); + Map_QM.qiIcon.center = new THREE.Vector2(0.5, 0); + Map_QM.qiIcon.position.set(shopX, -1 * shopY, shopZ + 50); + Map_QM.qiIcon.renderOrder = 500; + Map_QM.qiIcon.visible = false; + Map_QM.qiIcon.userData.type = "start"; + _this.allObj.add(Map_QM.qiIcon); + } + ); + } + }, /** * 查找线 * @param {Object} startNode * @param {Object} endNode */ isNoFindLine: function (startNode, endNode) { - let no = false + let no = false; for (let i = 0; i < startNode.lineArr.length; i++) { - if (startNode.lineArr[i].nextNode.id == endNode.id || startNode.lineArr[i].selfNode.id == endNode.id) { - no = true - break + if (startNode.lineArr[i].nextNode.id == endNode.id ||startNode.lineArr[i].selfNode.id == endNode.id) { + no = true; + break; } } - return no + return no; }, //初始化停车位 - initPark: function () { - let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData; - //渲染车位 - if (mapData.parkArea) { - let sLen = mapData.parkArea.length; - if (sLen > 0) { - this.allObj.add(this.parkObj); - } - let shapeArr = [], materials = [], parkHeight = 1, borderColor = 0xaaaaaa; - for (let i = 0; i < sLen; i++) { - let arr = Map_QM.util.changeParkToString(mapData.parkArea[i]); - if (arr != "") { - parkHeight = Math.max(parseInt(mapData.parkArea[i].toHeight), parkHeight); - borderColor = mapData.parkArea[i].borderColor; - if (arr.length > 0) { - let shape = new THREE.Shape(); - shape.moveTo(arr[0][0], -1 * arr[0][1]); - for (let k = 1; k < arr.length; k++) { - shape.lineTo(arr[k][0], -1 * arr[k][1]); - } - shapeArr.push(shape); - let meshMaterial; - let color2 = new THREE.Color(mapData.parkArea[i].entColor); - for (let e = 0; e < Map_QM.util.parkMaterialArr.length; e++) { - if (Map_QM.util.parkMaterialArr[e].color.equals(color2)) { - meshMaterial = Map_QM.util.parkMaterialArr[e]; - } - } - if (!meshMaterial) { - meshMaterial = new THREE.MeshBasicMaterial({ - color: mapData.parkArea[i].entColor - }); - Map_QM.util.parkMaterialArr.push(meshMaterial); - } - materials.push(meshMaterial); - if (mapData.parkArea[i].childArea && mapData.parkArea[i].childArea.length > 0) { - for (let m = 0; m < mapData.parkArea[i].childArea.length; m++) { - let meshMaterial0; - if (mapData.parkArea[i].childArea[m].color && mapData.parkArea[i].childArea[m].color != "#FFffff") { - let color2 = new THREE.Color(mapData.parkArea[i].childArea[m].color); - for (let e = 0; e < Map_QM.util.parkMaterialArr.length; e++) { - if (Map_QM.util.parkMaterialArr[e].color.equals(color2)) { - meshMaterial0 = Map_QM.util.parkMaterialArr[e]; - } - } - if (!meshMaterial0) { - meshMaterial0 = new THREE.MeshBasicMaterial({ - color: mapData.parkArea[i].childArea[m].color - }); - Map_QM.util.parkMaterialArr.push(meshMaterial0); - } - } else { - meshMaterial0 = meshMaterial; - } - let ps = mapData.parkArea[i].childArea[m].points; - let shape0 = new THREE.Shape(); - // 设置开始点的位置 - shape0.moveTo(ps[0].x, -1 * ps[0].y); - for (let t = 0; t < ps.length; t++) { - shape0.lineTo(ps[t].x, -1 * ps[t].y); - } - shapeArr.push(shape0); - materials.push(meshMaterial0); - } - } - - } - //显示车位编号 - if (mapData.parkArea[i].parkNum != "NaN" && i % 10 == 0) { - let shopDiv = document.createElement('div'); - shopDiv.style.cssText = css_LR - shopDiv.style.display = "none"; - shopDiv.textContent = mapData.parkArea[i].parkNum; - let shopLabel = new THREE.CSS2DObject(shopDiv); - shopLabel.userData.mapShow = true; //是否永久显示 - 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); - this.parkObj.add(mahc); - } - } -} + initPark: function () { + let mapData = Map_QM.util.allMap[this.buildOrder].buildArr[this.floorOrder].mapData; + //渲染车位 + if (mapData.parkArea) { + let sLen = mapData.parkArea.length; + if (sLen > 0) { + this.allObj.add(this.parkObj); + } + let shapeArr = [], + materials = [], + parkHeight = 1, + borderColor = 0xaaaaaa; + for (let i = 0; i < sLen; i++) { + let arr = Map_QM.util.changeParkToString(mapData.parkArea[i]); + if (arr != "") { + parkHeight = Math.max(parseInt(mapData.parkArea[i].toHeight), parkHeight); + borderColor = mapData.parkArea[i].borderColor; + if (arr.length > 0) { + let shape = new THREE.Shape(); + shape.moveTo(arr[0][0], -1 * arr[0][1]); + for (let k = 1; k < arr.length; k++) { + shape.lineTo(arr[k][0], -1 * arr[k][1]); + } + shapeArr.push(shape); + let meshMaterial; + let color2 = new THREE.Color(mapData.parkArea[i].entColor); + for (let e = 0; e < Map_QM.util.parkMaterialArr.length; e++) { + if (Map_QM.util.parkMaterialArr[e].color.equals(color2)) { + meshMaterial = Map_QM.util.parkMaterialArr[e]; + } + } + if (!meshMaterial) { + meshMaterial = new THREE.MeshBasicMaterial({ + color: mapData.parkArea[i].entColor, + }); + Map_QM.util.parkMaterialArr.push(meshMaterial); + } + materials.push(meshMaterial); + if (mapData.parkArea[i].childArea && mapData.parkArea[i].childArea.length > 0) { + for (let m = 0; m < mapData.parkArea[i].childArea.length; m++) { + let meshMaterial0; + if (mapData.parkArea[i].childArea[m].color && mapData.parkArea[i].childArea[m].color != "#FFffff") { + let color2 = new THREE.Color(mapData.parkArea[i].childArea[m].color); + for (let e = 0; e < Map_QM.util.parkMaterialArr.length; e++) { + if (Map_QM.util.parkMaterialArr[e].color.equals(color2)) { + meshMaterial0 = Map_QM.util.parkMaterialArr[e]; + } + } + if (!meshMaterial0) { + meshMaterial0 = new THREE.MeshBasicMaterial({ + color: mapData.parkArea[i].childArea[m].color, + }); + Map_QM.util.parkMaterialArr.push(meshMaterial0); + } + } else { + meshMaterial0 = meshMaterial; + } + let ps = mapData.parkArea[i].childArea[m].points; + let shape0 = new THREE.Shape(); + // 设置开始点的位置 + shape0.moveTo(ps[0].x, -1 * ps[0].y); + for (let t = 0; t < ps.length; t++) { + shape0.lineTo(ps[t].x, -1 * ps[t].y); + } + shapeArr.push(shape0); + materials.push(meshMaterial0); + } + } + } + //显示车位编号 + if (mapData.parkArea[i].parkNum != "NaN" && i % 20 == 0) { + let shopDiv = document.createElement("div"); + shopDiv.style.cssText = css_LR + shopDiv.style.display = "none"; + shopDiv.textContent = mapData.parkArea[i].parkNum; + let shopLabel = new THREE.CSS2DObject(shopDiv); + shopLabel.userData.mapShow = true; //是否永久显示 + 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); + this.parkObj.add(mahc); + } + }, +}; /** * 渲染3D模型类 @@ -5230,667 +6961,735 @@ FloorMap_QM.prototype = { * 模型对象 options */ MyModel_QM = function () { - this.xaxis = 0 - this.yaxis = 0 - this.node = 0 -} + this.xaxis = 0; + this.yaxis = 0; + this.node = 0; +}; MyModel_QM.prototype.MyParkShape = function (shapes, materials, toHeight = 5) { - let scanGeometry = new THREE.ShapeBufferGeometry(shapes, 1); - let material = new THREE.LineBasicMaterial({ - color: "#aeaeae" - }); //材质对象lineColor - Map_QM.util.lineBasicMaterialArr.push(material); - - // 创建模型 - let mesh = new THREE.Mesh(scanGeometry, materials); - mesh.position.z = toHeight; - mesh.renderOrder = 300; - mesh.userData.type = "park"; - - let cubeEdges = new THREE.EdgesGeometry(scanGeometry, 60); - let cubeLine = new THREE.LineSegments(cubeEdges, material); - mesh.add(cubeLine); - return mesh; -} - -MyModel_QM.prototype.MyModelShape = function (areaArr, howllowArr, opObj, entityColor = 0xdadada, lineColor = 0xeeeeee, indexOrder = 1) { - let len = areaArr.length; - if (len == 0) { - return; - } - let alphaModle = opObj.alphaModle / 100 || 0; - // 实例化shape对象 - let shape = new THREE.Shape(); - // 设置开始点的位置 - shape.moveTo(areaArr[0][0], -1 * areaArr[0][1]); - for (let i = 0; i < areaArr.length; i++) { - if (areaArr[i].length == 4) { - shape.lineTo(areaArr[i][2], -1 * areaArr[i][3]); - } else { - shape.bezierCurveTo(areaArr[i][2], -1 * areaArr[i][3], areaArr[i][4], -1 * areaArr[i][5], areaArr[i][6], -1 * areaArr[i][7]); - } - } - let material; - let matcolor = new THREE.Color(lineColor) - for (let k = 0; k < Map_QM.util.lineBasicMaterialArr.length; k++) { - if (Map_QM.util.lineBasicMaterialArr[k].color.equals(matcolor)) { - material = Map_QM.util.lineBasicMaterialArr[k]; - } - } - if (!material) { - material = new THREE.LineBasicMaterial({ - color: lineColor, - opacity: 0.8, - transparent: true - }); //材质对象lineColor - Map_QM.util.lineBasicMaterialArr.push(material); - } - if (howllowArr && howllowArr.length > 0) { - for (let n = 0; n < howllowArr.length; n++) { - let hole = new THREE.Path(); // 添加孔洞 - hole.moveTo(howllowArr[n][0][0], -1 * howllowArr[n][0][1]); - for (let k = 0; k < howllowArr[n].length; k++) { - if (howllowArr[n][k].length == 4) { - hole.lineTo(howllowArr[n][k][2], -1 * howllowArr[n][k][3]); - } else { - hole.bezierCurveTo(howllowArr[n][k][2], -1 * howllowArr[n][k][3], howllowArr[n][k][4], -1 * howllowArr[n][k][5], howllowArr[n][k][6], -1 * howllowArr[n][k][7]); - } - } - shape.holes.push(hole); - } - } - - let scanGeometry, meshMaterial, options = { - depth: parseInt(opObj.toHeight), - bevelEnabled: false, - curveSegments: 12, - bevelThickness: 0, - bevelSize: 0, - bevelSegments: 0, - material: 0, //frontMaterial = green - extrudeMaterial: 1, //sideMaterial = gray - }; + let scanGeometry = new THREE.ShapeBufferGeometry(shapes, 1); + let material = new THREE.LineBasicMaterial({ + color: "#aeaeae", + }); //材质对象lineColor + Map_QM.util.lineBasicMaterialArr.push(material); + + // 创建模型 + let mesh = new THREE.Mesh(scanGeometry, materials); + mesh.position.z = toHeight; + mesh.renderOrder = 300; + mesh.userData.type = "park"; + + let cubeEdges = new THREE.EdgesGeometry(scanGeometry, 60); + let cubeLine = new THREE.LineSegments(cubeEdges, material); + mesh.add(cubeLine); + return mesh; +}; + +MyModel_QM.prototype.MyModelShape = function (areaArr,howllowArr,opObj,entityColor = 0xdadada,lineColor = 0xeeeeee,indexOrder = 1) { + let len = areaArr.length; + if (len == 0) { + return; + } + let alphaModle = opObj.alphaModle / 100 || 0; + // 实例化shape对象 + let shape = new THREE.Shape(); + // 设置开始点的位置 + shape.moveTo(areaArr[0][0], -1 * areaArr[0][1]); + for (let i = 0; i < areaArr.length; i++) { + if (areaArr[i].length == 4) { + shape.lineTo(areaArr[i][2], -1 * areaArr[i][3]); + } else { + shape.bezierCurveTo(areaArr[i][2], -1 * areaArr[i][3], areaArr[i][4], -1 * areaArr[i][5], areaArr[i][6], -1 * areaArr[i][7]); + } + } + let material; + let matcolor = new THREE.Color(lineColor); + for (let k = 0; k < Map_QM.util.lineBasicMaterialArr.length; k++) { + if (Map_QM.util.lineBasicMaterialArr[k].color.equals(matcolor)) { + material = Map_QM.util.lineBasicMaterialArr[k]; + } + } + if (!material) { + material = new THREE.LineBasicMaterial({ + color: lineColor, + opacity: 0.8, + transparent: true, + }); //材质对象lineColor + Map_QM.util.lineBasicMaterialArr.push(material); + } + if (howllowArr && howllowArr.length > 0) { + for (let n = 0; n < howllowArr.length; n++) { + let hole = new THREE.Path(); // 添加孔洞 + hole.moveTo(howllowArr[n][0][0], -1 * howllowArr[n][0][1]); + for (let k = 0; k < howllowArr[n].length; k++) { + if (howllowArr[n][k].length == 4) { + hole.lineTo(howllowArr[n][k][2], -1 * howllowArr[n][k][3]); + } else { + hole.bezierCurveTo(howllowArr[n][k][2],-1 * howllowArr[n][k][3],howllowArr[n][k][4],-1 * howllowArr[n][k][5],howllowArr[n][k][6],-1 * howllowArr[n][k][7]); + } + } + shape.holes.push(hole); + } + } - scanGeometry = new THREE.ExtrudeGeometry(shape, options); - let meshColor = new THREE.Color(entityColor); - for (let e = 0; e < Map_QM.util.meshMaterialArr.length; e++) { - if (Map_QM.util.meshMaterialArr[e].color && Map_QM.util.meshMaterialArr[e].color.equals(meshColor) && Map_QM.util.meshMaterialArr[e].opacity == alphaModle && !Map_QM.util.meshMaterialArr[e].userData.map) { - meshMaterial = Map_QM.util.meshMaterialArr[e]; - } - } - if (!meshMaterial) { - meshMaterial = new THREE.MeshPhongMaterial({ //MeshStandardMaterial MeshPhongMaterial MeshBasicMaterial - color: entityColor, - transparent: true, - opacity: alphaModle, - side: THREE.DoubleSide, - depthTest: true - }); - Map_QM.util.meshMaterialArr.push(meshMaterial); - } - if (opObj.angleY || opObj.angleZ) { - Map_QM.util.rotateYZ(scanGeometry, opObj.angleY * Math.PI / 180, opObj.angleZ * Math.PI / 180); - } - // 创建模型 - let mesh; - if(opObj.map == "home"){ - Map_QM.util.assignUVs(scanGeometry); - let mapMaterial,ceMaterial; - for (let e = 0; e < Map_QM.util.meshMaterialArr.length; e++) { - if (Map_QM.util.meshMaterialArr[e].userData.map == "front" && Map_QM.util.meshMaterialArr[e].opacity == alphaModle) { - mapMaterial = Map_QM.util.meshMaterialArr[e]; - } - if (Map_QM.util.meshMaterialArr[e].userData.map == "c50" && Map_QM.util.meshMaterialArr[e].opacity == alphaModle) { - ceMaterial = Map_QM.util.meshMaterialArr[e]; - } - } - if(!mapMaterial){ - let texture = new THREE.TextureLoader().load(Map_QM.util.beforPath + "static/img/map/front.png"); - texture.wrapS = THREE.ClampToEdgeWrapping; - texture.wrapT = THREE.RepeatWrapping; - mapMaterial = new THREE.MeshPhongMaterial({ - color: entityColor, - map: texture, - transparent: true, - opacity: alphaModle, - side: THREE.DoubleSide, - depthTest: true - }); - mapMaterial.userData.map = "front"; - Map_QM.util.meshMaterialArr.push(mapMaterial); - } - if(!ceMaterial){ - let texture2 = new THREE.TextureLoader().load(Map_QM.util.beforPath + "static/img/map/c50.png"); - texture2.wrapS = THREE.RepeatWrapping; - texture2.wrapT = THREE.ClampToEdgeWrapping; - ceMaterial = new THREE.MeshPhongMaterial({ - color: entityColor, - map: texture2, - transparent: true, - opacity: alphaModle, - side: THREE.DoubleSide, - depthTest: true - }); - ceMaterial.userData.map = "c50"; - Map_QM.util.meshMaterialArr.push(ceMaterial); - } - mesh = new THREE.Mesh(scanGeometry, [meshMaterial,ceMaterial,mapMaterial]); - } else if(opObj.map){ - Map_QM.util.packUv(scanGeometry); - let ceMaterial; - for (let e = 0; e < Map_QM.util.meshMaterialArr.length; e++) { - if (Map_QM.util.meshMaterialArr[e].userData.map == opObj.map && Map_QM.util.meshMaterialArr[e].opacity == alphaModle) { - ceMaterial = Map_QM.util.meshMaterialArr[e]; - } - } - if(!ceMaterial){ - let texture2 = new THREE.TextureLoader().load(Map_QM.util.beforPath + "static/img/map/"+opObj.map+".png"); - texture2.wrapS = THREE.RepeatWrapping; - texture2.wrapT = THREE.ClampToEdgeWrapping; - ceMaterial = new THREE.MeshPhongMaterial({ - color: entityColor, - map: texture2, - transparent: true, - opacity: alphaModle, - side: THREE.DoubleSide, - depthTest: true - }); - ceMaterial.userData.map = opObj.map; - Map_QM.util.meshMaterialArr.push(ceMaterial); - } - mesh = new THREE.Mesh(scanGeometry, [meshMaterial,ceMaterial]); - }else{ - mesh = new THREE.Mesh(scanGeometry, meshMaterial); - } - - if (opObj.type != "wall") { - let cubeEdges = new THREE.EdgesGeometry(scanGeometry, 60); - let cubeLine = new THREE.LineSegments(cubeEdges, material); - cubeLine.renderOrder = indexOrder - 5; - mesh.add(cubeLine); - } - if (opObj.name != "floor") { - mesh.position.z = opObj.site || 0; - } else { - mesh.position.z = -1 * parseInt(opObj.toHeight) - 1; - } - mesh.castShadow = true; - mesh.renderOrder = indexOrder; - mesh.name = opObj.name || ""; - return mesh; -} + let scanGeometry, + meshMaterial, + options = { + depth: parseInt(opObj.toHeight), + bevelEnabled: false, + curveSegments: 12, + bevelThickness: 0, + bevelSize: 0, + bevelSegments: 0, + material: 0, //frontMaterial = green + extrudeMaterial: 1, //sideMaterial = gray + }; + + scanGeometry = new THREE.ExtrudeGeometry(shape, options); + let meshColor = new THREE.Color(entityColor); + for (let e = 0; e < Map_QM.util.meshMaterialArr.length; e++) { + if (Map_QM.util.meshMaterialArr[e].color && + Map_QM.util.meshMaterialArr[e].color.equals(meshColor) && + Map_QM.util.meshMaterialArr[e].opacity == alphaModle && + !Map_QM.util.meshMaterialArr[e].userData.map + ) { + meshMaterial = Map_QM.util.meshMaterialArr[e]; + } + } + if (!meshMaterial) { + meshMaterial = new THREE.MeshPhongMaterial({ + //MeshStandardMaterial MeshPhongMaterial MeshBasicMaterial + color: entityColor, + transparent: true, + opacity: alphaModle, + side: THREE.DoubleSide, + depthTest: true, + }); + Map_QM.util.meshMaterialArr.push(meshMaterial); + } + if (opObj.angleY || opObj.angleZ) { + Map_QM.util.rotateYZ(scanGeometry,(opObj.angleY * Math.PI) / 180,(opObj.angleZ * Math.PI) / 180); + } + // 创建模型 + let mesh; + if (opObj.map == "home") { + Map_QM.util.assignUVs(scanGeometry); + let mapMaterial, ceMaterial; + for (let e = 0; e < Map_QM.util.meshMaterialArr.length; e++) { + if (Map_QM.util.meshMaterialArr[e].userData.map == "front" && Map_QM.util.meshMaterialArr[e].opacity == alphaModle) { + mapMaterial = Map_QM.util.meshMaterialArr[e]; + } + if (Map_QM.util.meshMaterialArr[e].userData.map == "c50" && Map_QM.util.meshMaterialArr[e].opacity == alphaModle) { + ceMaterial = Map_QM.util.meshMaterialArr[e]; + } + } + if (!mapMaterial) { + let texture = new THREE.TextureLoader().load(Map_QM.util.beforPath + "static/img/map/front.png"); + texture.wrapS = THREE.ClampToEdgeWrapping; + texture.wrapT = THREE.RepeatWrapping; + mapMaterial = new THREE.MeshPhongMaterial({ + color: entityColor, + map: texture, + transparent: true, + opacity: alphaModle, + side: THREE.DoubleSide, + depthTest: true, + }); + mapMaterial.userData.map = "front"; + Map_QM.util.meshMaterialArr.push(mapMaterial); + } + if (!ceMaterial) { + let texture2 = new THREE.TextureLoader().load(Map_QM.util.beforPath + "static/img/map/c50.png"); + texture2.wrapS = THREE.RepeatWrapping; + texture2.wrapT = THREE.ClampToEdgeWrapping; + ceMaterial = new THREE.MeshPhongMaterial({ + color: entityColor, + map: texture2, + transparent: true, + opacity: alphaModle, + side: THREE.DoubleSide, + depthTest: true, + }); + ceMaterial.userData.map = "c50"; + Map_QM.util.meshMaterialArr.push(ceMaterial); + } + mesh = new THREE.Mesh(scanGeometry, [meshMaterial, ceMaterial, mapMaterial,]); + } else if (opObj.map) { + Map_QM.util.packUv(scanGeometry); + let ceMaterial; + for (let e = 0; e < Map_QM.util.meshMaterialArr.length; e++) { + if (Map_QM.util.meshMaterialArr[e].userData.map == opObj.map && Map_QM.util.meshMaterialArr[e].opacity == alphaModle) { + ceMaterial = Map_QM.util.meshMaterialArr[e]; + } + } + if (!ceMaterial) { + let texture2 = new THREE.TextureLoader().load(Map_QM.util.beforPath + "static/img/map/" + opObj.map + ".png"); + texture2.wrapS = THREE.RepeatWrapping; + texture2.wrapT = THREE.ClampToEdgeWrapping; + ceMaterial = new THREE.MeshPhongMaterial({ + color: entityColor, + map: texture2, + transparent: true, + opacity: alphaModle, + side: THREE.DoubleSide, + depthTest: true, + }); + ceMaterial.userData.map = opObj.map; + Map_QM.util.meshMaterialArr.push(ceMaterial); + } + mesh = new THREE.Mesh(scanGeometry, [meshMaterial, ceMaterial]); + } else { + mesh = new THREE.Mesh(scanGeometry, meshMaterial); + } + + if (opObj.type != "wall") { + let cubeEdges = new THREE.EdgesGeometry(scanGeometry, 60); + let cubeLine = new THREE.LineSegments(cubeEdges, material); + cubeLine.renderOrder = indexOrder - 5; + mesh.add(cubeLine); + } + if (opObj.name != "floor") { + mesh.position.z = opObj.site || 0; + } else { + mesh.position.z = -1 * parseInt(opObj.toHeight) - 1; + } + mesh.castShadow = true; + mesh.renderOrder = indexOrder; + mesh.name = opObj.name || ""; + return mesh; +}; //绘制平面 -MyModel_QM.prototype.MyPlaneShape = function (areaArr, howllowArr, opObj, entityColor = "#dadada", lineColor = "#eeeeee", indexOrder = 1) { - let len = areaArr.length; - if (len == 0) { - return; - } - let alphaModle = opObj.alphaModle / 100 || 0; - // 实例化shape对象 - let shape = new THREE.Shape(); - // 设置开始点的位置 - shape.moveTo(areaArr[0][0], -1 * areaArr[0][1]); - for (let i = 0; i < areaArr.length; i++) { - if (areaArr[i].length == 4) { - shape.lineTo(areaArr[i][2], -1 * areaArr[i][3]); - } else { - shape.bezierCurveTo(areaArr[i][2], -1 * areaArr[i][3], areaArr[i][4], -1 * areaArr[i][5], areaArr[i][6], -1 * areaArr[i][7]); - } - } - let material; - for (let k = 0; k < Map_QM.util.lineBasicMaterialArr.length; k++) { - let color2 = new THREE.Color(lineColor) - if (Map_QM.util.lineBasicMaterialArr[k].color.equals(color2)) { - material = Map_QM.util.lineBasicMaterialArr[k]; - } - } - if (!material) { - material = new THREE.LineBasicMaterial({ - color: lineColor, - opacity: 0.8, - transparent: true - }); //材质对象lineColor - Map_QM.util.lineBasicMaterialArr.push(material); - } - if (howllowArr && howllowArr.length > 0) { - for (let n = 0; n < howllowArr.length; n++) { - let hole = new THREE.Path(); // 添加孔洞 - hole.moveTo(howllowArr[n][0][0], -1 * howllowArr[n][0][1]); - for (let k = 0; k < howllowArr[n].length; k++) { - if (howllowArr[n][k].length == 4) { - hole.lineTo(howllowArr[n][k][2], -1 * howllowArr[n][k][3]); - } else { - hole.bezierCurveTo(howllowArr[n][k][2], -1 * howllowArr[n][k][3], howllowArr[n][k][4], -1 * howllowArr[n][k][5], howllowArr[n][k][6], -1 * howllowArr[n][k][7]); - } - } - shape.holes.push(hole); - } - } - let scanGeometry, meshMaterial; - scanGeometry = new THREE.ShapeGeometry(shape, 8); - Map_QM.util.assignUVs(scanGeometry); - if(opObj.map){ - let texture = new THREE.TextureLoader().load(Map_QM.util.beforPath + "static/img/map/" + opObj.map + ".png"); - meshMaterial = new THREE.MeshPhongMaterial({ //MeshStandardMaterial MeshPhongMaterial olor: entityColor, - color: entityColor, - map: texture, - transparent: true, - opacity: alphaModle, - side: THREE.DoubleSide, - depthTest: true - }); - meshMaterial.userData.map = opObj.map; - Map_QM.util.meshMaterialArr.push(meshMaterial); - }else{ - for (let e = 0; e < Map_QM.util.meshMaterialArr.length; e++) { - let color2 = new THREE.Color(entityColor); - if (Map_QM.util.meshMaterialArr[e].color && Map_QM.util.meshMaterialArr[e].color.equals(color2) && Map_QM.util.meshMaterialArr[e].opacity == alphaModle && !Map_QM.util.meshMaterialArr[e].userData.map) { - meshMaterial = Map_QM.util.meshMaterialArr[e]; - } - } - if (!meshMaterial) { - meshMaterial = new THREE.MeshPhongMaterial({ - color: entityColor, - transparent: true, - opacity: alphaModle, - side: THREE.DoubleSide, - depthTest: true - }); - Map_QM.util.meshMaterialArr.push(meshMaterial); - } - if (opObj.angleY || opObj.angleZ) { - Map_QM.util.rotateYZ(scanGeometry, opObj.angleY * Math.PI / 180, opObj.angleZ * Math.PI / 180); - } - } - // 创建模型 - let mesh = new THREE.Mesh(scanGeometry, meshMaterial); - - let cubeEdges = new THREE.EdgesGeometry(scanGeometry, 60); - let cubeLine = new THREE.LineSegments(cubeEdges, material); - cubeLine.renderOrder = indexOrder - 5; - mesh.add(cubeLine); - - if (opObj.name != "floor") { - mesh.position.z = parseInt(opObj.toHeight) || 0; - } - mesh.castShadow = true; - mesh.renderOrder = indexOrder; - mesh.name = opObj.name || ""; - return mesh; -} +MyModel_QM.prototype.MyPlaneShape = function (areaArr,howllowArr,opObj,entityColor = "#dadada",lineColor = "#eeeeee",indexOrder = 1) { + let len = areaArr.length; + if (len == 0) { + return; + } + let alphaModle = opObj.alphaModle / 100 || 0; + // 实例化shape对象 + let shape = new THREE.Shape(); + // 设置开始点的位置 + shape.moveTo(areaArr[0][0], -1 * areaArr[0][1]); + for (let i = 0; i < areaArr.length; i++) { + if (areaArr[i].length == 4) { + shape.lineTo(areaArr[i][2], -1*areaArr[i][3]); + } else { + shape.bezierCurveTo(areaArr[i][2], -1*areaArr[i][3], areaArr[i][4], -1*areaArr[i][5], areaArr[i][6], -1*areaArr[i][7]); + } + } + let material; + for (let k = 0; k < Map_QM.util.lineBasicMaterialArr.length; k++) { + let color2 = new THREE.Color(lineColor); + if (Map_QM.util.lineBasicMaterialArr[k].color.equals(color2)) { + material = Map_QM.util.lineBasicMaterialArr[k]; + } + } + if (!material) { + material = new THREE.LineBasicMaterial({ + color: lineColor, + opacity: 0.8, + transparent: true, + }); //材质对象lineColor + Map_QM.util.lineBasicMaterialArr.push(material); + } + if (howllowArr && howllowArr.length > 0) { + for (let n = 0; n < howllowArr.length; n++) { + let hole = new THREE.Path(); // 添加孔洞 + hole.moveTo(howllowArr[n][0][0], -1 * howllowArr[n][0][1]); + for (let k = 0; k < howllowArr[n].length; k++) { + if (howllowArr[n][k].length == 4) { + hole.lineTo(howllowArr[n][k][2], -1 * howllowArr[n][k][3]); + } else { + hole.bezierCurveTo(howllowArr[n][k][2], -1*howllowArr[n][k][3], howllowArr[n][k][4], -1*howllowArr[n][k][5], howllowArr[n][k][6], -1*howllowArr[n][k][7]); + } + } + shape.holes.push(hole); + } + } + let scanGeometry, meshMaterial; + scanGeometry = new THREE.ShapeGeometry(shape, 8); + Map_QM.util.assignUVs(scanGeometry); + if (opObj.map) { + let texture = new THREE.TextureLoader().load( + Map_QM.util.beforPath + "static/img/map/" + opObj.map + ".png" + ); + meshMaterial = new THREE.MeshPhongMaterial({ + //MeshStandardMaterial MeshPhongMaterial olor: entityColor, + color: entityColor, + map: texture, + transparent: true, + opacity: alphaModle, + side: THREE.DoubleSide, + depthTest: true, + }); + meshMaterial.userData.map = opObj.map; + Map_QM.util.meshMaterialArr.push(meshMaterial); + } else { + for (let e = 0; e < Map_QM.util.meshMaterialArr.length; e++) { + let color2 = new THREE.Color(entityColor); + if ( + Map_QM.util.meshMaterialArr[e].color && + Map_QM.util.meshMaterialArr[e].color.equals(color2) && + Map_QM.util.meshMaterialArr[e].opacity == alphaModle && + !Map_QM.util.meshMaterialArr[e].userData.map + ) { + meshMaterial = Map_QM.util.meshMaterialArr[e]; + } + } + if (!meshMaterial) { + meshMaterial = new THREE.MeshPhongMaterial({ + color: entityColor, + transparent: true, + opacity: alphaModle, + side: THREE.DoubleSide, + depthTest: true, + }); + Map_QM.util.meshMaterialArr.push(meshMaterial); + } + if (opObj.angleY || opObj.angleZ) { + Map_QM.util.rotateYZ( + scanGeometry, + (opObj.angleY * Math.PI) / 180, + (opObj.angleZ * Math.PI) / 180 + ); + } + } + // 创建模型 + let mesh = new THREE.Mesh(scanGeometry, meshMaterial); + + let cubeEdges = new THREE.EdgesGeometry(scanGeometry, 60); + let cubeLine = new THREE.LineSegments(cubeEdges, material); + cubeLine.renderOrder = indexOrder - 5; + mesh.add(cubeLine); + + if (opObj.name != "floor") { + mesh.position.z = parseInt(opObj.toHeight) || 0; + } + mesh.castShadow = true; + mesh.renderOrder = indexOrder; + mesh.name = opObj.name || ""; + return mesh; +}; MyModel_QM.prototype.MyModelText = function (svgArea) { + let text = svgArea.data; + const paths = new THREE.SVGLoader().parse(text).paths; + const group = new THREE.Group(); + + group.position.x = parseInt(svgArea.xaxis); + group.position.y = -1 * parseInt(svgArea.yaxis); + group.position.z = parseInt(svgArea.site || 0); + group.rotateX((parseInt(svgArea.angleZ) * Math.PI) / 180); + group.rotateY((parseInt(svgArea.angleY) * Math.PI) / 180); + group.rotateZ((parseInt(svgArea.angle) * Math.PI) / 180); + group.scale.multiplyScalar(svgArea.scale); + group.scale.y *= -1; + + let meshMaterial; + for (let e = 0; e < Map_QM.util.meshMaterialArr.length; e++) { + let color2 = new THREE.Color().setHex(svgArea.entColor); + if (Map_QM.util.meshMaterialArr[e].color && + Map_QM.util.meshMaterialArr[e].color.equals(color2) && + Map_QM.util.meshMaterialArr[e].opacity == svgArea.alphaModle + ) { + meshMaterial = Map_QM.util.meshMaterialArr[e]; + } + } + if (!meshMaterial) { + meshMaterial = new THREE.MeshStandardMaterial({ + color: svgArea.entColor, + opacity: parseInt(svgArea.alphaModle) / 100, + }); + Map_QM.util.meshMaterialArr.push(meshMaterial); + } - let text = svgArea.data; - const paths = new THREE.SVGLoader().parse(text).paths; - const group = new THREE.Group(); - - group.position.x = parseInt(svgArea.xaxis); - group.position.y = -1 * parseInt(svgArea.yaxis); - group.position.z = parseInt(svgArea.site || 0); - group.rotateX(parseInt(svgArea.angleZ) * Math.PI / 180); - group.rotateY(parseInt(svgArea.angleY) * Math.PI / 180); - group.rotateZ(parseInt(svgArea.angle) * Math.PI / 180); - group.scale.multiplyScalar(svgArea.scale); - group.scale.y *= -1; - - let meshMaterial; - for (let e = 0; e < Map_QM.util.meshMaterialArr.length; e++) { - let color2 = new THREE.Color().setHex(svgArea.entColor); - if (Map_QM.util.meshMaterialArr[e].color && Map_QM.util.meshMaterialArr[e].color.equals(color2) && Map_QM.util.meshMaterialArr[e].opacity == svgArea.alphaModle) { - meshMaterial = Map_QM.util.meshMaterialArr[e]; - } - } - if (!meshMaterial) { - meshMaterial = new THREE.MeshStandardMaterial({ - color: svgArea.entColor, - opacity: parseInt(svgArea.alphaModle) / 100 - }); - Map_QM.util.meshMaterialArr.push(meshMaterial); - } - - for (let i = 0; i < paths.length; i++) { - const path = paths[i]; - let shapes = path.toShapes(true); - const geometry = new THREE.ShapeGeometry(shapes, 12); - 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); - group.add(mesh); - } - return group; -} + for (let i = 0; i < paths.length; i++) { + const path = paths[i]; + let shapes = path.toShapes(true); + const geometry = new THREE.ShapeGeometry(shapes, 36); + 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); + group.add(mesh); + } + return group; +}; /** * 公共设施 */ -MySprite_QM = function (spriteMaterial, obj = null) { - THREE.Sprite.call(this) +var MySprite_QM = function (spriteMaterial, obj = null) { + THREE.Sprite.call(this); if (obj) { - this.navCode = obj.navCode - this.no = obj.no - this.facCode = obj.facCode - this.floor = obj.floorOrder - this.build = obj.buildOrder - this.site = parseInt(obj.site) || Map_QM.util.shopHeight + 32 + this.navCode = obj.navCode; + this.no = obj.no; + this.facCode = obj.facCode; + this.floor = obj.floorOrder; + this.build = obj.buildOrder; + this.site = parseInt(obj.site) || Map_QM.util.shopHeight + 32; } - this.imgUrl - this.material = spriteMaterial !== undefined ? spriteMaterial : new SpriteMaterial() + this.imgUrl; + this.material = spriteMaterial !== undefined ? spriteMaterial : new SpriteMaterial(); //图标跳动 this.jumpIcon = function () { - let oldZ = this.site - let self = this - TweenMax.fromTo( - self.position, - 0.5, - { z: oldZ }, - { - z: oldZ + 20, - repeat: 1, + let oldZ = this.site; + let self = this; + TweenMax.fromTo(self.position, 0.5, { z: oldZ }, {z: oldZ + 20, repeat: 1, onComplete: function () { - TweenMax.to(self.position, 0.2, { z: oldZ }) - } + TweenMax.to(self.position, 0.2, { z: oldZ }); + }, } - ) - } + ); + }; this.reSetSite = function () { //重置位置 - this.position.z = this.site - } -} + this.position.z = this.site; + }; +}; -MySprite_QM.prototype = Object.create(THREE.Sprite.prototype) -MySprite_QM.prototype.constructor = MySprite_QM +MySprite_QM.prototype = Object.create(THREE.Sprite.prototype); +MySprite_QM.prototype.constructor = MySprite_QM; /** * 渲染公共设施 */ - Facilities_QM = function () { - this.renderIcon = function (obj, _this, isShow = true, ele = null) { - if (obj) { - let url = Map_QM.util.beforPath + "static/img/" + obj.facCode + ".png"; - let name = obj.title; - let nameEn = obj.title; - if (Map_QM.util.iconUrl.length > 0) { //使用设施库 - for (let i = 0; i < Map_QM.util.iconUrl.length; i++) { - if (Map_QM.util.iconUrl[i].abbreviation == obj.facCode) { - url = Map_QM.util.iconUrl[i].navFilePath - name = Map_QM.util.iconUrl[i].name; - nameEn = Map_QM.util.iconUrl[i].nameEn; - } - } - } - let shopDiv = document.createElement('img'); - shopDiv.src = url; - shopDiv.style.zIndex = 200; - shopDiv.style.width = "1.2vw"; - shopDiv.style.display = isShow?"":"none"; - let shopLabel = new THREE.CSS2DObject(shopDiv); - shopLabel.userData.mapShow = true; //是否永久显示 - shopLabel.userData = obj; - shopLabel.userData.type = "icon"; - shopLabel.userData.use = ele ? "2d" : "all"; - shopLabel.userData.model = ele; - shopLabel.userData.src = url; - shopLabel.userData.isShow = true; - - shopLabel.position.set(obj.x, -1 * obj.y, Math.max(30, parseInt(obj.site) || 0)); - _this.serObj.add(shopLabel); - - if (Map_QM.util.options.iconName) { - let shopDiv = document.createElement('div'); - shopDiv.style.cssText = css_LR - if(window.innerWidth>2000){ - shopDiv.style.height = "20px"; - shopDiv.style.fontSize = "18px"; - } - shopDiv.innerText = obj.title; - shopDiv.dataset.name = name; - shopDiv.dataset.nameEn = nameEn; - let shopLabel = new THREE.CSS2DObject(shopDiv); - shopLabel.position.set(obj.x, -1 * obj.y, 30); - shopLabel.userData.mapShow = true; - _this.labelObj.add(shopLabel); - } - } - } -} +var Facilities_QM = function () { + this.renderIcon = function (obj, _this, isShow = true, ele = null) { + if (obj) { + let url = Map_QM.util.beforPath + "static/img/" + obj.facCode + ".png"; + let name = obj.title; + let nameEn = obj.title; + if (Map_QM.util.iconUrl.length > 0) { + //使用设施库 + for (let i = 0; i < Map_QM.util.iconUrl.length; i++) { + if (Map_QM.util.iconUrl[i].abbreviation == obj.facCode) { + url = Map_QM.util.beforPath+"static/offline/"+Map_QM.util.iconUrl[i].filePath; + name = Map_QM.util.iconUrl[i].name; + nameEn = Map_QM.util.iconUrl[i].nameEn; + } + } + } + let shopDiv = document.createElement("img"); + shopDiv.src = url; + shopDiv.style.zIndex = 100; + shopDiv.style.width = "1.2vw"; + shopDiv.style.display = isShow ? "" : "none"; + shopDiv.dataset.name = name; + shopDiv.dataset.src = url; + shopDiv.dataset.nameEn = nameEn; + shopDiv.dataset.buildOrder = obj.buildOrder; + shopDiv.dataset.floorOrder = obj.floorOrder; + shopDiv.dataset.facCode = obj.facCode; + shopDiv.dataset.node = obj.navCode; + + shopDiv.addEventListener("click", (event) => { + /** + * @api {事件} icon 点击设施图标 + * @apiGroup 地图事件 + * @apiDescription 用户点击设施图标后触发自定义事件 + * @apiVersion 4.0.0 + * @apiSampleRequest off + * + * @apiParamExample 请求示例 + * Map_QM.addEventListener("icon",onClickIcon,false); + */ + Map_QM.dispatchEvent({ + type: "icon", + data: { + buildOrder: event.target.dataset.buildOrder, + floorOrder: event.target.dataset.floorOrder, + node: event.target.dataset.node, + src: event.target.dataset.src, + facCode: event.target.dataset.facCode, + title: event.target.dataset.name, + }, + }); + }); + let shopLabel = new THREE.CSS2DObject(shopDiv); + shopLabel.userData.mapShow = true; //是否永久显示 + shopLabel.userData = obj; + shopLabel.userData.type = "icon"; + shopLabel.userData.use = ele ? "2d" : "all"; + shopLabel.userData.model = ele; + shopLabel.userData.src = url; + shopLabel.userData.isShow = true; + shopLabel.position.set(obj.x, -1*obj.y, Math.max(30, parseInt(obj.site) || 0)); + _this.serObj.add(shopLabel); + + if (Map_QM.util.options.iconName) { + let titleDiv = document.createElement("div"); + titleDiv.style.cssText = css_LR; + if (window.innerWidth > 2000) { + titleDiv.style.fontSize = "18px"; + } + titleDiv.innerText = obj.title; + titleDiv.dataset.name = name; + titleDiv.dataset.nameEn = nameEn; + titleDiv.style.zIndex = 480; + let shopLabel = new THREE.CSS2DObject(titleDiv); + shopLabel.position.set(obj.x, -1 * obj.y, parseInt(obj.site) + 85); + shopLabel.userData.mapShow = true; + shopLabel.userData.isShow = true; + _this.labelObj.add(shopLabel); + } + } + }; +}; /** * 店铺LOGO地图展示类 */ -ShopLogo_QM = function () { +var ShopLogo_QM = function () { this.renderIcon = function (obj, _this, z) { if (obj) { - let x = obj.xaxis >> 0 - let y = (-1 * obj.yaxis) >> 0 - let imgW = obj.imgW >> 0 - let imgH = obj.imgH >> 0 + let x = obj.xaxis >> 0; + let y = (-1 * obj.yaxis) >> 0; + let imgW = obj.imgW >> 0; + let imgH = obj.imgH >> 0; - new THREE.TextureLoader().load(obj.logoUrl, textu => { + new THREE.TextureLoader().load(obj.logoUrl, (textu) => { let planeMaterial = new THREE.MeshPhongMaterial({ map: textu, depthTest: true, transparent: true, - alphaTest:0.01 - }) - let planeGeometry = new THREE.PlaneGeometry(imgW, imgH) - let plane = new THREE.Mesh(planeGeometry, planeMaterial) - plane.center = new THREE.Vector2(0, 0) - plane.position.set(x, y, obj.site || z) - plane.userData.rot = 0 - plane.userData.type = 'logo' - plane.renderOrder = 70 - _this.add(plane) - }) + alphaTest: 0.01, + }); + let planeGeometry = new THREE.PlaneGeometry(imgW, imgH); + let plane = new THREE.Mesh(planeGeometry, planeMaterial); + plane.center = new THREE.Vector2(0, 0); + plane.position.set(x, y, obj.site || z); + plane.userData.rot = 0; + plane.userData.type = "logo"; + plane.renderOrder = 70; + _this.add(plane); + }); } - } -} - -var _selfFindPath -FindPath_QM = function () { - this.pathArr = [] - this.lineDashed_old + }; +}; + +var _selfFindPath; +var FindPath_QM = function () { + this.pathArr = []; + this.lineDashed; + this.lineDashed_old; //路线指引箭头皮肤 - this.planeGeometry = new THREE.PlaneGeometry(128, 128) - this.stop = null - this._index = 0 //寻路用 - this.pathState = 'init' + this.planeGeometry = new THREE.PlaneGeometry(128, 128); + this.morePath = false; + this.stop = null; + this._index = 0; //寻路用 + this.pathState = "init"; this.pathPlay = { _isPlay: false, get isPlay() { - return this._isPlay + return this._isPlay; }, set isPlay(val) { - this._isPlay = val + this._isPlay = val; if (_selfFindPath && _selfFindPath.stop) { - window.cancelAnimationFrame(_selfFindPath.stop) - _selfFindPath.stop = null + window.cancelAnimationFrame(_selfFindPath.stop); + _selfFindPath.stop = null; } - if (_selfFindPath && _selfFindPath.pathState == 'isPlay' && _selfFindPath._index < _selfFindPath.pathArr.length) { - _selfFindPath.playMoveGuide() + if (_selfFindPath && _selfFindPath.pathState == "isPlay" && _selfFindPath._index < _selfFindPath.pathArr.length) { + _selfFindPath.playMoveGuide(); } - } - } -} + }, + }; +}; FindPath_QM.prototype.clearPath = function () { - this.pathArr = [] + this.pathArr = []; + if (this.lineDashed) { + if (Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor]) { + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.remove(this.lineDashed); + } + this.lineDashed.destroy(); + this.lineDashed = null; + } if (this.lineDashed_old) { if (Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor]) { - Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.remove(this.lineDashed_old) + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.remove(this.lineDashed_old); } - this.lineDashed_old.destroy() - this.lineDashed_old = null + this.lineDashed_old.destroy(); + this.lineDashed_old = null; } if (Map_QM.guide) { - Map_QM.guide.visible = false + Map_QM.guide.visible = false; if (Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor]) { - Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.remove(Map_QM.man_2d) - Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.remove(Map_QM.man_3d) + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.remove(Map_QM.man_2d); + Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].allObj.remove(Map_QM.man_3d); } } if (_selfFindPath && _selfFindPath.stop) { - window.cancelAnimationFrame(_selfFindPath.stop) + window.cancelAnimationFrame(_selfFindPath.stop); } - this._index = 0 - this.pathState = 'init' -} + this._index = 0; + this.pathState = "init"; +}; /** * @param {Object} startNade * @param {Object} toNade * @param {Object} callBack 回调函数 */ -FindPath_QM.prototype.onFindPathAnimation = function (pathArray, floorOrder = -1) { +FindPath_QM.prototype.onFindPathAnimation = function (pathArray,morePath = false,floorOrder = -1) { + this.morePath = morePath; if (pathArray && pathArray.length > 0) { - this.pathArr = [] - for (let j = 0; j < pathArray.length; j++) { - this.pathArr.push(pathArray[j]) - } - this.pathState = 'isPlay' - this._index = 0 + this.pathState = "isPlay"; + this._index = 0; + this.pathArr = []; if (floorOrder === -1) { - floorOrder = Map_QM.util.selectFloor + floorOrder = Map_QM.util.selectFloor; + } + if (morePath) { + for (let j = 0; j < pathArray.length; j++) { + this.drawPath(floorOrder,pathArray[j], parseInt(Map_QM.util.buildHeight) + j); + } + } else { + for (let j = 0; j < pathArray.length; j++) { + this.pathArr.push(pathArray[j]); + } + this.drawPath(floorOrder); } - this.drawPath(floorOrder) } -} - -FindPath_QM.prototype.drawPath = function (floorOrder) { - let linePath = [] - for (let i = 0; i < this.pathArr.length; i++) { - if (i < this.pathArr.length) { - linePath.push([this.pathArr[i].x, -1 * this.pathArr[i].y]) +}; + +FindPath_QM.prototype.drawPath = function (floorOrder, pathArr = null, height = 1) { + let linePath = []; + if (!pathArr) { + for (let i = 0; i < this.pathArr.length; i++) { + if (i < this.pathArr.length) { + linePath.push([this.pathArr[i].x, -1 * this.pathArr[i].y]); + } + } + } else { + for (let i = 0; i < pathArr.length; i++) { + if (i < pathArr.length) { + linePath.push([pathArr[i].x, -1 * pathArr[i].y]); + } } } - this.lineDashed_old = new PathLine(12, linePath, parseInt(Map_QM.util.buildHeight) + 1, Map_QM.util.options.pathColor, Map_QM.util.options.pathColor2, true) - this.lineDashed_old.name = 'lineDash' - this.lineDashed_old.renderOrder = 128 - Map_QM.mapArr[Map_QM.util.selectBuild][floorOrder].allObj.add(this.lineDashed_old) - - //////////////////////////////////////////////////////// -} - - - + if (this.morePath) { + this.lineDashed_old = new PathLine(12,linePath,height,Map_QM.util.options.pathColor,Map_QM.util.options.pathColor2,true); + } else { + this.lineDashed_old = new PathLine(12,linePath,parseInt(Map_QM.util.buildHeight) + 1,Map_QM.util.options.pathColor,Map_QM.util.options.pathColor2,true); + } + this.lineDashed_old.name = "lineDash"; + this.lineDashed_old.renderOrder = 128; + Map_QM.mapArr[Map_QM.util.selectBuild][floorOrder].allObj.add(this.lineDashed_old); +}; FindPath_QM.prototype.guidePathPlay = function (paths) { if (Map_QM.guide) { - Map_QM.guide.renderOrder = 99 + Map_QM.guide.renderOrder = 99; if (paths.PathPoint) { - Map_QM.guide.position.x = paths.PathPoint[0].x - Map_QM.guide.position.y = -1 * paths.PathPoint[0].y - Map_QM.moveCameraBy2D(paths.PathPoint[0]) - Map_QM.man_2d.position.z = parseInt(Map_QM.util.buildHeight) + 120 - Map_QM.man_3d.position.z = parseInt(Map_QM.util.buildHeight) + 5 - Map_QM.guide.visible = true - Map_QM.mapArr[Map_QM.util.selectBuild][paths.floor].allObj.add(Map_QM.man_2d) - Map_QM.mapArr[Map_QM.util.selectBuild][paths.floor].allObj.add(Map_QM.man_3d) + Map_QM.guide.position.x = paths.PathPoint[0].x; + Map_QM.guide.position.y = -1 * paths.PathPoint[0].y; + Map_QM.moveCameraBy2D(paths.PathPoint[0]); + Map_QM.man_2d.position.z = parseInt(Map_QM.util.buildHeight) + 120; + Map_QM.man_3d.position.z = parseInt(Map_QM.util.buildHeight) + 5; + Map_QM.guide.visible = true; + Map_QM.mapArr[Map_QM.util.selectBuild][paths.floor].allObj.add(Map_QM.man_2d); + Map_QM.mapArr[Map_QM.util.selectBuild][paths.floor].allObj.add(Map_QM.man_3d); } } - this.pathArr = paths.PathPoint - _selfFindPath = this + this.pathArr = paths.PathPoint; + _selfFindPath = this; if (Map_QM.util.pathStateObj.isPathPlay) { - this.pathPlay.isPlay = true + this.pathPlay.isPlay = true; } -} +}; /** * 播放图标指引动画 */ FindPath_QM.prototype.playMoveGuide = function () { if (!Map_QM.guide) { - return + return; } - let px = Map_QM.guide.position.x - let py = Map_QM.guide.position.y - let targetX = _selfFindPath.pathArr[_selfFindPath._index].x - px - let targetY = -1 * _selfFindPath.pathArr[_selfFindPath._index].y - py - let dist = Math.sqrt(targetX * targetX + targetY * targetY) - let df = Math.ceil(dist / Map_QM.util.options.playSpeed) - let dx = (_selfFindPath.pathArr[_selfFindPath._index].x - px) / df - let dy = (-1 * _selfFindPath.pathArr[_selfFindPath._index].y - py) / df - let ang = 0 + let px = Map_QM.guide.position.x; + let py = Map_QM.guide.position.y; + let targetX = _selfFindPath.pathArr[_selfFindPath._index].x - px; + let targetY = -1 * _selfFindPath.pathArr[_selfFindPath._index].y - py; + let dist = Math.sqrt(targetX * targetX + targetY * targetY); + let df = Math.ceil(dist / (Map_QM.util.options.playSpeed * Map_QM.util.options.speedMult)); + let dx = (_selfFindPath.pathArr[_selfFindPath._index].x - px) / df; + let dy = (-1 * _selfFindPath.pathArr[_selfFindPath._index].y - py) / df; + let ang = 0; if (df < 2) { - Map_QM.guide.position.x = _selfFindPath.pathArr[_selfFindPath._index].x - Map_QM.guide.position.y = -1 * _selfFindPath.pathArr[_selfFindPath._index].y - Map_QM.moveCameraBy2D({ x: _selfFindPath.pathArr[_selfFindPath._index].x, y: _selfFindPath.pathArr[_selfFindPath._index].y }) - - _selfFindPath._index++ + Map_QM.guide.position.x = _selfFindPath.pathArr[_selfFindPath._index].x; + Map_QM.guide.position.y = -1 * _selfFindPath.pathArr[_selfFindPath._index].y; + Map_QM.moveCameraBy2D({x: _selfFindPath.pathArr[_selfFindPath._index].x, y: _selfFindPath.pathArr[_selfFindPath._index].y }); + _selfFindPath._index++; if (_selfFindPath._index > 0 && _selfFindPath._index < _selfFindPath.pathArr.length) { - Map_QM.man_3d.rotation.z = Map_QM.man_2d.rotation.z = 0 //180; + Map_QM.man_3d.rotation.z = Map_QM.man_2d.rotation.z = 0; //180; let s = Math.sqrt( (_selfFindPath.pathArr[_selfFindPath._index].x - _selfFindPath.pathArr[_selfFindPath._index - 1].x) * - (_selfFindPath.pathArr[_selfFindPath._index].x - _selfFindPath.pathArr[_selfFindPath._index - 1].x) + - (_selfFindPath.pathArr[_selfFindPath._index].y - _selfFindPath.pathArr[_selfFindPath._index - 1].y) * - (_selfFindPath.pathArr[_selfFindPath._index].y - _selfFindPath.pathArr[_selfFindPath._index - 1].y) - ) - ang = Math.acos((_selfFindPath.pathArr[_selfFindPath._index].y - _selfFindPath.pathArr[_selfFindPath._index - 1].y) / s) - if (_selfFindPath.pathArr[_selfFindPath._index].x < _selfFindPath.pathArr[_selfFindPath._index - 1].x) { - Map_QM.man_3d.rotation.z = Map_QM.man_2d.rotation.z = Math.PI - ang + (_selfFindPath.pathArr[_selfFindPath._index].x - _selfFindPath.pathArr[_selfFindPath._index - 1].x) + + (_selfFindPath.pathArr[_selfFindPath._index].y - _selfFindPath.pathArr[_selfFindPath._index - 1].y) * + (_selfFindPath.pathArr[_selfFindPath._index].y - _selfFindPath.pathArr[_selfFindPath._index - 1].y) + ); + ang = Math.acos((_selfFindPath.pathArr[_selfFindPath._index].y - _selfFindPath.pathArr[_selfFindPath._index - 1].y) /s); + if ( _selfFindPath.pathArr[_selfFindPath._index].x < _selfFindPath.pathArr[_selfFindPath._index - 1].x) { + Map_QM.man_3d.rotation.z = Map_QM.man_2d.rotation.z = Math.PI - ang; } else { - Map_QM.man_3d.rotation.z = Map_QM.man_2d.rotation.z = Math.PI + ang + Map_QM.man_3d.rotation.z = Map_QM.man_2d.rotation.z = Math.PI + ang; } } - let pathShop = '' + let pathShop = ""; for (let t = 0; t < Map_QM.forShopArr[Map_QM.util._indexPathFloor].wayShop.length; t++) { - if (Map_QM.forShopArr[Map_QM.util._indexPathFloor].wayShop[t].pathIndex == _selfFindPath._index) { - let shop_ = Map_QM.forShopArr[Map_QM.util._indexPathFloor].wayShop[t].shop - pathShop = shop_.houseNumber - let shops = Map_QM.mapArr[Map_QM.util.selectBuild][parseInt(Map_QM.forShopArr[Map_QM.util._indexPathFloor].wayShop[t].shop.floorOrder)].allObj.children + if (Map_QM.forShopArr[Map_QM.util._indexPathFloor].wayShop[t].pathIndex ==_selfFindPath._index) { + let shop_ = Map_QM.forShopArr[Map_QM.util._indexPathFloor].wayShop[t].shop; + pathShop = shop_.houseNumber; + let shops = Map_QM.mapArr[Map_QM.util.selectBuild][parseInt(Map_QM.forShopArr[Map_QM.util._indexPathFloor].wayShop[t].shop.floorOrder)].shopObj.children; for (let i = 0; i < shops.length; i++) { - let _shop = shops[i].userData.shopData - if (_shop && _shop.houseNumber === pathShop) { - let shopModel = shops[i] - let material = shopModel.material - shopModel.material = new THREE.MeshBasicMaterial({ color: Map_QM.util.options.navColor }) - TweenMax.to(shopModel.scale, 0.8, { - z: 3, - yoyo: true, - ease: Cubic.easeIn, + let _shop = shops[i].userData.shopData; + if (_shop && _shop.houseNumber == pathShop) { + let shopModel = shops[i]; + let material = shopModel.material; + shopModel.material = new THREE.MeshBasicMaterial({ + color: Map_QM.util.options.navColor, + }); + TweenMax.to(shopModel.scale, 0.8, { z: 3, yoyo: true, ease: Cubic.easeIn, onComplete: function () { if (shopModel) { - TweenMax.to(shopModel.scale, 0.5, { z: 1 }) - shopModel.material = material + TweenMax.to(shopModel.scale, 0.5, { z: 1 }); + shopModel.material = material; } - } - }) - break + }, + }); + break; } } - break + break; } } Map_QM.dispatchEvent({ //寻路中返回小人当前所在点位 - type: 'PathPlaying', - data: { shopNum: pathShop } - }) + type: "PathPlaying", + data: { houseNumber: pathShop }, + }); } else { - px += dx - py += dy - Map_QM.guide.position.x = px - Map_QM.guide.position.y = py - Map_QM.moveCameraBy2D({ x: px, y: -1 * py }) + px += dx; + py += dy; + Map_QM.guide.position.x = px; + Map_QM.guide.position.y = py; + Map_QM.moveCameraBy2D({ x: px, y: -1 * py }); } if (_selfFindPath.pathPlay.isPlay && Map_QM.guide) { if (_selfFindPath._index < _selfFindPath.pathArr.length) { - _selfFindPath.stop = requestAnimationFrame(_selfFindPath.playMoveGuide) + _selfFindPath.stop = requestAnimationFrame(_selfFindPath.playMoveGuide); } else { if (_selfFindPath && _selfFindPath.stop) { - window.cancelAnimationFrame(_selfFindPath.stop) - _selfFindPath.stop = null + window.cancelAnimationFrame(_selfFindPath.stop); + _selfFindPath.stop = null; } - _selfFindPath._index = 0 + _selfFindPath._index = 0; if (Map_QM.guide) { - Map_QM.guide.visible = false + Map_QM.guide.visible = false; } - let myEvent = new CustomEvent('pathOver', { - detail: { dx: dx, dy: dy } - }) - document.dispatchEvent(myEvent) //触发导航完成事件 - _selfFindPath.pathState = 'pathOver' + let myEvent = new CustomEvent("pathOver", { + detail: { dx: dx, dy: dy }, + }); + document.dispatchEvent(myEvent); //触发导航完成事件 + _selfFindPath.pathState = "pathOver"; } } -} +}; diff --git a/public/static/qm/three.js b/public/static/qm/three.js index e29f597..3828f85 100644 --- a/public/static/qm/three.js +++ b/public/static/qm/three.js @@ -31593,97 +31593,124 @@ */ THREE.CSS2DObject = function ( element ) { THREE.Object3D.call( this ); + this.isCSS2DObject = true; this.element = element; this.element.style.position = 'absolute'; + this.element.style.userSelect = 'none'; }; THREE.CSS2DObject.prototype = Object.create( THREE.Object3D.prototype ); THREE.CSS2DObject.prototype.constructor = THREE.CSS2DObject; + // THREE.CSS2DRenderer = function () { - //console.log( 'THREE.CSS2DRenderer', THREE.REVISION ); - var _width, _height; - var _widthHalf, _heightHalf; - var perc_H = "-50%"; //自定义横向和纵向移动百分比 - var vector = new THREE.Vector3(); - var viewMatrix = new THREE.Matrix4(); - var viewProjectionMatrix = new THREE.Matrix4(); - var cache = { - objects: new WeakMap() - }; - var domElement = document.createElement( 'div' ); - domElement.style.overflow = 'hidden'; - this.domElement = domElement; - this.getSize = function () { - return { - width: _width, - height: _height - }; - }; - this.setSize = function ( width, height,perc_h="-50%") { - _width = width; - _height = height; - perc_H = perc_h; - _widthHalf = _width / 2; - _heightHalf = _height / 2; - domElement.style.width = width + 'px'; - domElement.style.height = height + 'px'; - }; - this.renderObject = function ( object, camera ) { - if ( object instanceof THREE.CSS2DObject) { - vector.setFromMatrixPosition( object.matrixWorld ); - vector.applyMatrix4( viewProjectionMatrix ); - var element = object.element; - var style = 'translate('+perc_H+',-100%) translate(' + ( vector.x * _widthHalf + _widthHalf ) + 'px,' + ( - vector.y * _heightHalf + _heightHalf ) + 'px)'; - element.style.WebkitTransform = style; - element.style.MozTransform = style; - element.style.oTransform = style; - element.style.transform = style; - var objectData = { - distanceToCameraSquared: getDistanceToSquared( camera, object ) + const _vector = new THREE.Vector3(); + const _viewMatrix = new THREE.Matrix4(); + const _viewProjectionMatrix = new THREE.Matrix4(); + const _a = new THREE.Vector3(); + const _b = new THREE.Vector3(); + const _this = this; + let _width, _height; + let _widthHalf, _heightHalf; + let perc_H = "-50%"; //自定义横向和纵向移动百分比 + var cache = { + objects: new WeakMap() + }; + const domElement = document.createElement( 'div' ); + domElement.style.overflow = 'hidden'; + this.domElement = domElement; + this.getSize = function () { + return { + width: _width, + height: _height }; - cache.objects.set( object, objectData ); - if ( element.parentNode !== domElement ) { - domElement.appendChild( element ); + }; + this.setSize = function ( width, height,perc_h="-50%") { + _width = width; + _height = height; + perc_H = perc_h; + _widthHalf = _width / 2; + _heightHalf = _height / 2; + domElement.style.width = width + 'px'; + domElement.style.height = height + 'px'; + }; + + this.render = function ( scene, camera ) { + if ( scene.matrixWorldAutoUpdate === true ) scene.updateMatrixWorld(); + if ( camera.parent === null && camera.matrixWorldAutoUpdate === true ) camera.updateMatrixWorld(); + _viewMatrix.copy( camera.matrixWorldInverse ); + _viewProjectionMatrix.multiplyMatrices( camera.projectionMatrix, _viewMatrix ); + //renderObject( scene, scene, camera ); + //zOrder( scene ); + }; + + function hideObject( object ) { + if ( object.isCSS2DObject ) object.element.style.display = 'none'; + for ( let i = 0, l = object.children.length; i < l; i ++ ) { + hideObject( object.children[ i ] ); } } - for ( var i = 0, l = object.children.length; i < l; i ++ ) { - this.renderObject( object.children[ i ], camera ); + + this.renderObject = function( object, scene, camera ) { + if ( object.visible === false ) { + hideObject( object ); + return; + } + if ( object.isCSS2DObject ) { + _vector.setFromMatrixPosition( object.matrixWorld ); + _vector.applyMatrix4( _viewProjectionMatrix ); + const visible = ( _vector.z >= - 1 && _vector.z <= 1 ) ; + const element = object.element; + //element.style.display = visible === true ? '' : 'none'; + + if ( visible === true ) { + object.onBeforeRender( _this, scene, camera ); + let style = 'translate('+perc_H+',-100%) translate(' + ( _vector.x * _widthHalf + _widthHalf ) + 'px,' + ( - _vector.y * _heightHalf + _heightHalf ) + 'px)'; + element.style.transform = style; + if ( element.parentNode !== domElement ) { + domElement.appendChild( element ); + } + object.onAfterRender( _this, scene, camera ); + } + const objectData = { + distanceToCameraSquared: getDistanceToSquared( camera, object ) + }; + cache.objects.set( object, objectData ); + } + for ( let i = 0, l = object.children.length; i < l; i ++ ) { + this.renderObject( object.children[ i ], scene, camera ); + } } - }; - var getDistanceToSquared = function () { - var a = new THREE.Vector3(); - var b = new THREE.Vector3(); - return function ( object1, object2 ) { - a.setFromMatrixPosition( object1.matrixWorld ); - b.setFromMatrixPosition( object2.matrixWorld ); - return a.distanceToSquared( b ); - }; - }(); - var filterAndFlatten = function ( scene ) { - var result = []; - scene.traverse( function ( object ) { - if ( object instanceof THREE.CSS2DObject ) result.push( object ); - } ); - return result; - }; - this.zOrder = function ( scene ) { - var sorted = filterAndFlatten( scene ).sort( function ( a, b ) { - var distanceA = cache.objects.get( a ).distanceToCameraSquared; - var distanceB = cache.objects.get( b ).distanceToCameraSquared; - return distanceA - distanceB; - } ); - var zMax = sorted.length; - for ( var i = 0, l = sorted.length; i < l; i ++ ) { - sorted[ i ].element.style.zIndex = sorted[ i ].element.style.zIndex || zMax - i; + + function getDistanceToSquared( object1, object2 ) { + _a.setFromMatrixPosition( object1.matrixWorld ); + _b.setFromMatrixPosition( object2.matrixWorld ); + return _a.distanceToSquared( _b ); } - }; - this.render = function ( scene, camera ) { - scene.updateMatrixWorld(); - if ( camera.parent === null ) camera.updateMatrixWorld(); - viewMatrix.copy( camera.matrixWorldInverse ); - viewProjectionMatrix.multiplyMatrices( camera.projectionMatrix, viewMatrix ); - }; -}; + + function filterAndFlatten( scene ) { + const result = []; + scene.traverseVisible( function ( object ) { + if ( object.isCSS2DObject ) result.push( object ); + } ); + return result; + } + + this.zOrder = function ( scene ) { + const sorted = filterAndFlatten( scene ).sort( function ( a, b ) { + if ( a.renderOrder !== b.renderOrder ) { + return b.renderOrder - a.renderOrder; + } + const distanceA = cache.objects.get( a ).distanceToCameraSquared; + const distanceB = cache.objects.get( b ).distanceToCameraSquared; + return distanceA - distanceB; + } ); + const zMax = sorted.length; + for ( let i = 0, l = sorted.length; i < l; i ++ ) { + sorted[ i ].element.style.zIndex = zMax - i; + } + } + } + THREE.GLTFLoader = ( function () { function GLTFLoader( manager ) { THREE.Loader.call( this, manager ); @@ -35505,7 +35532,7 @@ THREE.OrbitControls = function(object, domElement) { // This option actually enables dollying in and out; left as "zoom" for backwards compatibility. // Set to false to disable zooming this.enableZoom = true; - this.zoomSpeed = 1.0; + this.zoomSpeed = 0.4; // Set to false to disable rotating this.enableRotate = true; @@ -35590,7 +35617,6 @@ THREE.OrbitControls = function(object, domElement) { scope.object.updateProjectionMatrix(); zoomChanged = true; } - this.getPolarAngle = function() { return spherical.phi; @@ -36014,20 +36040,6 @@ THREE.OrbitControls = function(object, domElement) { } else if (event.deltaY > 0) { dollyIn(getZoomScale()); } - - // let mX = (event.clientX / scope.domElement.clientWidth) * 2 - 1; - // let mY = -(event.clientY / scope.domElement.clientHeight) * 2 + 1; - // let vector = new THREE.Vector3(mX, mY, 0); - // vector.unproject(scope.object); - // vector.sub(scope.object.position).setLength(15); - // if (event.deltaY < 0) { - // scope.object.position.add(vector); - // scope.target.add(vector); - // }else { - // scope.object.position.sub(vector); - // scope.target.sub(vector); - // } - scope.update(); } @@ -36347,16 +36359,15 @@ THREE.OrbitControls = function(object, domElement) { document.removeEventListener("mouseup", onMouseUp, false); scope.dispatchEvent(endEvent); - + if(Map_QM){ + Map_QM.collLabel(); + Map_QM.disPlayEvent(); + } state = STATE.NONE; } function onMouseWheel(event) { - if ( - scope.enabled === false || - scope.enableZoom === false || - (state !== STATE.NONE && state !== STATE.ROTATE) - ) + if (scope.enabled === false || scope.enableZoom === false || (state !== STATE.NONE && state !== STATE.ROTATE)) return; event.preventDefault(); @@ -36367,6 +36378,10 @@ THREE.OrbitControls = function(object, domElement) { handleMouseWheel(event); scope.dispatchEvent(endEvent); + if(Map_QM){ + Map_QM.collLabel(); + Map_QM.disPlayEvent(); + } } function onKeyDown(event) { @@ -36494,6 +36509,9 @@ THREE.OrbitControls = function(object, domElement) { default: state = STATE.NONE; } + if(Map_QM){ + Map_QM.disPlayEvent(); + } } function onTouchEnd(event) { @@ -36502,7 +36520,10 @@ THREE.OrbitControls = function(object, domElement) { handleTouchEnd(event); scope.dispatchEvent(endEvent); - + if(Map_QM){ + Map_QM.collLabel(); + Map_QM.disPlayEvent(); + } state = STATE.NONE; } @@ -36515,7 +36536,6 @@ THREE.OrbitControls = function(object, domElement) { // scope.domElement.addEventListener("contextmenu", onContextMenu, false); - scope.domElement.addEventListener("mousedown", onMouseDown, false); scope.domElement.addEventListener("wheel", onMouseWheel, false); @@ -36530,13 +36550,11 @@ THREE.OrbitControls = function(object, domElement) { THREE.OrbitControls.prototype = Object.create(THREE.EventDispatcher.prototype); THREE.OrbitControls.prototype.constructor = THREE.OrbitControls; +//////////////////////////////// TweenMax ///////////////// var _gsScope="undefined"!=typeof module&&module.exports&&"undefined"!=typeof global?global:this||window;(_gsScope._gsQueue||(_gsScope._gsQueue=[])).push(function(){"use strict";_gsScope._gsDefine("TweenMax",["core.Animation","core.SimpleTimeline","TweenLite"],function(a,b,c){var d=function(a){var b,c=[],d=a.length;for(b=0;b!==d;c.push(a[b++]));return c},e=function(a,b,c){var d,e,f=a.cycle;for(d in f)e=f[d],a[d]="function"==typeof e?e(c,b[c],b):e[c%e.length];delete a.cycle},f=function(a){if("function"==typeof a)return a;var b="object"==typeof a?a:{each:a},c=b.ease,d=b.from||0,e=b.base||0,f={},g=isNaN(d),h=b.axis,i={center:.5,end:1}[d]||0;return function(a,j,k){var l,m,n,o,p,q,r,s,t,u=(k||b).length,v=f[u];if(!v){if(t="auto"===b.grid?0:(b.grid||[1/0])[0],!t){for(r=-(1/0);r<(r=k[t++].getBoundingClientRect().left)&&u>t;);t--}for(v=f[u]=[],l=g?Math.min(t,u)*i-.5:d%t,m=g?u*i/t-.5:d/t|0,r=0,s=1/0,q=0;u>q;q++)n=q%t-l,o=m-(q/t|0),v[q]=p=h?Math.abs("y"===h?o:n):Math.sqrt(n*n+o*o),p>r&&(r=p),s>p&&(s=p);v.max=r-s,v.min=s,v.v=u=b.amount||b.each*(t>u?u:h?"y"===h?u/t:t:Math.max(t,u/t))||0,v.b=0>u?e-u:e}return u=(v[a]-v.min)/v.max,v.b+(c?c.getRatio(u):u)*v.v}},g=function(a,b,d){c.call(this,a,b,d),this._cycle=0,this._yoyo=this.vars.yoyo===!0||!!this.vars.yoyoEase,this._repeat=this.vars.repeat||0,this._repeatDelay=this.vars.repeatDelay||0,this._repeat&&this._uncache(!0),this.render=g.prototype.render},h=1e-8,i=c._internals,j=i.isSelector,k=i.isArray,l=g.prototype=c.to({},.1,{}),m=[];g.version="2.1.2",l.constructor=g,l.kill()._gc=!1,g.killTweensOf=g.killDelayedCallsTo=c.killTweensOf,g.getTweensOf=c.getTweensOf,g.lagSmoothing=c.lagSmoothing,g.ticker=c.ticker,g.render=c.render,g.distribute=f,l.invalidate=function(){return this._yoyo=this.vars.yoyo===!0||!!this.vars.yoyoEase,this._repeat=this.vars.repeat||0,this._repeatDelay=this.vars.repeatDelay||0,this._yoyoEase=null,this._uncache(!0),c.prototype.invalidate.call(this)},l.updateTo=function(a,b){var d,e=this,f=e.ratio,g=e.vars.immediateRender||a.immediateRender;b&&e._startTime