', click:false, site:{x:0,y:1870,z:10},data:{type:"labelIcon",id:"1",show:"cn"}}]);
+ * Map_QM.util.labelIconArr([{floor:0,title:'', click:false, site:{x:0,y:1870,z:10},data:{type:"labelIcon",id:"1",show:"cn"}}]);
*/
this.labelIconArr = [];
this.spriteMaterialArr = [];
@@ -165,16 +182,16 @@ QMUtil = function () {
* @api {方法} changePlaySpeed(speed) 改变导航速度
* @apiGroup 地图交互
* @apiDescription 改变导航播放速度
- * @apiVersion 2.0.0
- *
+ * @apiVersion 4.0.0
+ *
* @apiParam {int} speed 播放速度（默认 6）
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.util.changePlaySpeed(6)
- *
+ *
*/
this.changePlaySpeed = function (speed = 6) {
Map_QM.util.options.playSpeed = speed;
@@ -192,6 +209,21 @@ QMUtil = function () {
this.leftPoint; //左侧平行线交点
this.rightPoint; //右侧平行线交点
}
+ /**
+ * 调整颜色更亮更暗 color 六位十六禁止颜色 range 正负数决定颜色更改
+ */
+ this.adjustColor = function (color, range) {
+ let newColor = '#';
+ for (let i = 0; i < 3; i++) {
+ const hxStr = color.substr(i * 2 + 1, 2);
+ let val = parseInt(hxStr, 16);
+ val += range;
+ if (val < 0) val = 0;
+ else if (val > 255) val = 255;
+ newColor += val.toString(16).padStart(2, '0')
+ }
+ return newColor;
+ }
/**
* 检测点是否在多边形区域内
@@ -203,20 +235,20 @@ QMUtil = function () {
for (let i = 0; i < nCount; i++) {
let p1 = ptPolygon[i]; //当前节点
let p2 = ptPolygon[(i + 1) % nCount]; //下一个节点
- // 求解 y=p.y 与 p1p2 的交点
- if (p1.y == p2.y) // p1p2 与 y=p0.y平行
+ // 求解 y=p.y 与 p1p2 的交点
+ if (p1.y == p2.y) // p1p2 与 y=p0.y平行
continue;
- if (p.y < Math.min(p1.y, p2.y)) // 交点在p1p2延长线上
+ if (p.y < Math.min(p1.y, p2.y)) // 交点在p1p2延长线上
continue;
- if (p.y >= Math.max(p1.y, p2.y)) // 交点在p1p2延长线上
+ if (p.y >= Math.max(p1.y, p2.y)) // 交点在p1p2延长线上
continue;
- // 从P发射一条水平射线 求交点的 X 坐标 ------原理: ((p2.y-p1.y)/(p2.x-p1.x))=((y-p1.y)/(x-p1.x))
+ // 从P发射一条水平射线 求交点的 X 坐标 ------原理: ((p2.y-p1.y)/(p2.x-p1.x))=((y-p1.y)/(x-p1.x))
//直线k值相等 交点y=p.y
let x = (p.y - p1.y) * (p2.x - p1.x) / (p2.y - p1.y) + p1.x;
if (x > p.x)
- nCross++; // 只统计单边交点
+ nCross++; // 只统计单边交点
}
- // 单边交点为偶数，点在多边形之外 ---
+ // 单边交点为偶数，点在多边形之外 ---
return (nCross % 2 == 1);
}
@@ -344,64 +376,14 @@ QMUtil = function () {
}
return false;
}
- //绘制3D线 传入起点（3D坐标）、终点（3D坐标）、控制点1、控制点2（如没有则绘制直线）
- this.drawDashedLine = function (startPoint, endPoint, dash = 50, color = 0x2269dd, ctrlPoint1 = null, ctrlPoint2 = null) { //THREE.Vector3
- let gopObj = new THREE.Group();
- let curve;
- if (!ctrlPoint1 && !ctrlPoint2) { //控制点为空
- ctrlPoint1 = new THREE.Vector3(startPoint.x + (endPoint.x - startPoint.x) / 4, startPoint.y + (endPoint.y - startPoint.y) / 4, startPoint.z + (endPoint.z - startPoint.z) / 4);
- ctrlPoint2 = new THREE.Vector3(endPoint.x + (startPoint.x - endPoint.x) / 4, endPoint.y + (startPoint.y - endPoint.y) / 4, endPoint.z + (startPoint.z - endPoint.z) / 4);
- }
- curve = new THREE.CubicBezierCurve3(startPoint, ctrlPoint1, ctrlPoint2, endPoint);
- let points = curve.getPoints(dash);
- let array = [];
- points.forEach(element => {
- array.push(element.x, element.y, element.z);
- });
- let geometry = new THREE.LineSegmentsGeometry();
- // 几何体传入顶点坐标
- geometry.setPositions(array);
- // 自定义的材质
- let material = new THREE.LineMaterial({
- color: color,
- linewidth: 4,
- scale: 1,
- dashSize: 1,
- gapSize: 2,
- });
- // 把渲染窗口尺寸分辨率传值给材质LineMaterial的resolution属性
- // resolution属性值会在着色器代码中参与计算
- material.resolution.set(window.innerWidth, window.innerHeight);
- let mesh = new THREE.Mesh(geometry, material);
- gopObj.add(mesh);
- let jtArr = [];
- if (Math.abs(endPoint.x - startPoint.x) > Math.abs(endPoint.y - startPoint.y)) {
- jtArr.push(endPoint.x - 10, endPoint.y, endPoint.z + 10);
- jtArr.push(endPoint.x, endPoint.y, endPoint.z);
- jtArr.push(endPoint.x + 10, endPoint.y, endPoint.z + 10);
- jtArr.push(endPoint.x, endPoint.y, endPoint.z);
- jtArr.push(endPoint.x, endPoint.y, endPoint.z + 10);
- } else {
- jtArr.push(endPoint.x, endPoint.y - 10, endPoint.z + 10);
- jtArr.push(endPoint.x, endPoint.y, endPoint.z);
- jtArr.push(endPoint.x, endPoint.y + 10, endPoint.z + 10);
- jtArr.push(endPoint.x, endPoint.y, endPoint.z);
- jtArr.push(endPoint.x, endPoint.y, endPoint.z + 10);
- }
- let jtgeom = new THREE.LineGeometry();
- jtgeom.setPositions(jtArr);
- let jtmesh = new THREE.Mesh(jtgeom, material);
- gopObj.add(jtmesh);
- gopObj.userData.type = "toLine";
- return gopObj;
- }
+
/**碰撞检测
* 传入A中心点和A的宽、高
* B的中心点和B的宽、高
*/
- this.isCollision = function (A, aW, aH, B, bW, bH) {
+ this.isCollision = function (A, B) {
let noCol = false;
- if (Math.abs(A.x - B.x) < (aW + bW) / 2 + 20 && Math.abs(A.y - B.y) < (aH + bH) / 2 + 10) {
+ if (Math.abs(A.x - B.x) < (A.width + B.width) / 2 + 25 && Math.abs(A.y - B.y) < (A.height + B.height) / 2 + 20) {
noCol = true;
}
return noCol;
@@ -442,7 +424,6 @@ QMUtil = function () {
return areaArr;
}
-
this.QM_Line_Father = function (sPoint, ePoint, ctrlPoint1, ctrlPoint2, isStrLine) {
this.startPoint = sPoint; //起始点
this.endPoint = ePoint; //结束点
@@ -677,7 +658,7 @@ QMUtil = function () {
this.getPointArr = function (s1, s3, s4, s2, sp = 0.01) {
let pArr = [];
let sz = [s1, s3, s4, s2];
- let p = Map_QM.util.P_BEZ(0, sz);
+ let p;
for (let j = 0; j < 1; j += sp) {
p = Map_QM.util.P_BEZ(j, sz);
pArr.push(p);
@@ -780,7 +761,6 @@ QMUtil = function () {
////////////////////////////////////////////////////////////////////////////////////////////
this.getWallPoints = function (points, wallWidth) {
if (points.length < 2) {
- //console.log("getWallPoints", "points size is letter than 2");
return new Array();
}
//构建线段列表
@@ -864,7 +844,7 @@ QMUtil = function () {
} else {
//不是横线时 根据斜率计算点位
x = point.x + 5;
- y = parseInt(gradient * (x - point.x) + point.y);
+ y = gradient * (x - point.x) + point.y;
}
return Map_QM.util.pointXY(point, new Map_QM.util.Point(x, y), wallWidth / 2);
@@ -887,8 +867,8 @@ QMUtil = function () {
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(parseInt(x1), parseInt(k * x1 + b)));
- result.push(new Map_QM.util.Point(parseInt(x2), parseInt(k * x2 + b)));
+ result.push(new Map_QM.util.Point(x1, k * x1 + b));
+ result.push(new Map_QM.util.Point(x2, k * x2 + b));
return result;
}
//计算两条直线的相交点
@@ -1103,6 +1083,43 @@ QMUtil = function () {
}
return (S4() + S4() + S4());
}
+
+ // 文本3D
+ this.getTextCanvas = function (text) {
+ const canvas = document.createElement("canvas");
+ const color = "#333333";
+ const fontSize = 18;
+ const height = fontSize + 5;
+ const width = text.length * fontSize + 5;
+ canvas.height = height;
+ canvas.width = width;
+ const ctx = canvas.getContext("2d");
+ ctx.fillStyle = color;
+ ctx.strokeStyle = "#ffffff";
+ // font
+ ctx.font = `${fontSize}px Arial`;
+ ctx.textAlign = "start";
+ ctx.textBaseline = "middle";
+ ctx.fillText(text, 5, height / 2);
+ return { height, width, canvas };
+ }
+
+ this.getTextMesh = function (text, position) {
+ const c = this.getTextCanvas(text);
+ const texture = new THREE.CanvasTexture(c.canvas);
+ const spriteMaterial = new THREE.SpriteMaterial({
+ map: texture,
+ depthTest: true,
+ transparent: true
+ });
+ const sprite = new THREE.Sprite(spriteMaterial);
+ sprite.scale.set(c.width, c.height, 0);
+ sprite.renderOrder = 70;
+ sprite.userData = { name: text, x: position.x, y: position.y, width: c.width, height: c.height };
+ sprite.position.set(position.x, position.y, position.z + c.height / 2);
+ return sprite;
+ }
+
}
//////////////////////////////-------------------------------------------配置 UtilFun
/**
@@ -1131,7 +1148,8 @@ MainMap_QM = function (callBack, options) {
this.renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, preserveDrawingBuffer: true }); // preserveDrawingBuffer 是否可以截图
//this.renderer.outputEncoding = THREE.sRGBEncoding;
this.renderer.setSize(this.w, this.h);
- this.renderer.setPixelRatio(window.devicePixelRatio);
+ let zoom = this.util.options.showStyle ? 1 : 2;
+ this.renderer.setPixelRatio(window.devicePixelRatio * zoom);
this.renderer.shadowMap.enabled = true;
// 阴影类型
this.renderer.shadowMap.type = THREE.PCFSoftShadowMap;
@@ -1144,10 +1162,13 @@ MainMap_QM = function (callBack, options) {
this.labelRenderer.domElement.style.top = 0;
ele.appendChild(this.labelRenderer.domElement);
- let hemiLight = new THREE.HemisphereLight(this.util.lightOptions.s_col, this.util.lightOptions.g_col, this.util.lightOptions.a_int);
- hemiLight.name = "light";
- hemiLight.position.set(0, 1, 1);
- this.scene.add(hemiLight);
+ 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";
@@ -1176,17 +1197,20 @@ MainMap_QM = function (callBack, options) {
//设置相机距离原点的最远距离
this.controls.maxDistance = this.util.options.maxDis;
this.controls.minPolarAngle = 0; // 0是为了兼容2D模式
- this.controls.maxPolarAngle = Math.PI / 2 - 0.2; // radians
+ this.controls.maxPolarAngle = Math.PI / 2 - 0.2; // radians
if (debug) {
stats = new Stats();
stats.setMode(1); // 0: fps, 1: ms
- stats.domElement.style.position = 'absolute'; //绝对坐标
- stats.domElement.style.left = '10px'; // (0,0)px,左上角
+ stats.domElement.style.position = 'absolute'; //绝对坐标
+ stats.domElement.style.left = '10px'; // (0,0)px,左上角
stats.domElement.style.top = '60px';
document.getElementById(options.containerId || "mapContainer").appendChild(stats.domElement);
}
+ document.getElementById(options.containerId || "mapContainer").addEventListener("wheel", this.disPlayEvent, false);
+ document.getElementById(options.containerId || "mapContainer").addEventListener("touchmove", this.disPlayEvent, false);
+
document.getElementById(options.containerId || "mapContainer").addEventListener('click', this.onMouseClickBox, false); //地图点击
document.addEventListener('rezise', this.changeDocmentResize, false); //窗口变化
this.mapArr = [];
@@ -1203,7 +1227,6 @@ MainMap_QM = function (callBack, options) {
if (document.getElementById('moveFloorBG')) {
this.moveFloorbg = new THREE.CSS2DObject(document.getElementById('moveFloorBG'));
- this.scene.add(this.moveFloorbg);
}
this.man_3d;
this.man_2d;
@@ -1241,7 +1264,6 @@ MainMap_QM.prototype = {
try {
_space.util.allMap = JSON.parse(LZString.decompressFromBase64(res.data.mapData));
console.log("地图数据更新时间: " + res.data.updateTime);
- _space.initOptions(options);
} catch (e) {
_space.backObj.code = 404;
_space.backObj.msg = "地图数据JSON格式错误";
@@ -1271,19 +1293,10 @@ MainMap_QM.prototype = {
_space.backObj.code = 500;
_space.backObj.msg = "店铺数据解析失败";
}
- _space.initOutModel();
+ _space.initOptions(options);
},
fail: () => {
- try {
- _space.initOutModel();
- } catch (e) {
- _space.backObj.code = 404;
- _space.backObj.msg = "地图数据解析失败";
- }
- if (_space.backObj.code == 404) {
- _space.callBackLoadOver(_space.backObj);
- _space.callBackLoadOver = null;
- }
+ _space.initOptions(options);
}
});
} else {
@@ -1310,13 +1323,13 @@ MainMap_QM.prototype = {
_space.util.allMap = JSON.parse(LZString.decompressFromBase64(options.mapData.mapData))
}
console.log("地图数据更新时间: " + options.mapData.updateTime);
- _space.initOptions(options);
} catch (e) {
console.log(e)
backObj.code = 404
backObj.msg = '地图数据JSON格式错误'
callBack(backObj)
callBack = null
+ return;
}
_space.util.shopData = options.shopData;
let backObj = { "code": 200, msg: "加载成功", "data": [] };
@@ -1326,13 +1339,7 @@ MainMap_QM.prototype = {
backObj.code = 500;
backObj.msg = "店铺数据错误";
}
- try {
- _space.initOutModel();
- } catch (e) {
- console.log(e);
- _space.callBackLoadOver({ "code": 404, "msg": "地图数据解析失败" })
- _space.callBackLoadOver = null;
- }
+ _space.initOptions(options);
} else {
_space.util.readTextFile(_space.util.beforPath + _space.util.mapServerInfo, function (res) {
try {
@@ -1342,15 +1349,14 @@ MainMap_QM.prototype = {
_space.util.allMap = JSON.parse(LZString.decompressFromBase64(res.data.mapData));
}
console.log("地图数据更新时间: " + res.data.updateTime);
- _space.initOptions(options);
} 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.beforPath + _space.util.shopServerInfo, function (res) {
console.log(res)
_space.util.shopData = res.data;
@@ -1365,43 +1371,58 @@ MainMap_QM.prototype = {
_space.callBackLoadOver(backObj)
}
});
- try {
- _space.initOutModel();
- } catch (e) {
- _space.callBackLoadOver({ "code": 404, "msg": "地图数据解析失败" })
- _space.callBackLoadOver = null;
- }
+ _space.initOptions(options);
});
}
}
if (debug) {
var gui = new dat.GUI()
- gui.add(this.util.guiOptions, "cameraX", -500, 500).step(1).listen();
- gui.add(this.util.guiOptions, "cameraY", -500, 500).step(1).listen();
- gui.add(this.util.guiOptions, "cameraZ", -500, 500).step(1).listen();
- gui.add(this.util.guiOptions, "targatX", -500, 500).step(1).listen();
- gui.add(this.util.guiOptions, "targatY", -500, 500).step(1).listen();
- gui.add(this.util.guiOptions, "targatZ", -500, 500).step(1).listen();
+ gui.add(this.util.guiOptions, "cameraX", -800, 800).step(1).listen();
+ gui.add(this.util.guiOptions, "cameraY", -800, 800).step(1).listen();
+ gui.add(this.util.guiOptions, "cameraZ", -800, 800).step(1).listen();
+ gui.add(this.util.guiOptions, "targatX", -800, 800).step(1).listen();
+ gui.add(this.util.guiOptions, "targatY", -800, 800).step(1).listen();
+ gui.add(this.util.guiOptions, "targatZ", -800, 800).step(1).listen();
//gui.add(options, 'button');
}
},
initOptions: function (options) {
//初始化参数
if (this.util.allMap[this.util.selectBuild].playSpeed) {
- this.util.options.mapScale = this.util.allMap[this.util.selectBuild].hasOwnProperty("scale") ? parseInt(this.util.allMap[this.util.selectBuild].scale) : 18;
- this.util.options.playSpeed = this.util.allMap[this.util.selectBuild].hasOwnProperty("playSpeed") ? parseInt(this.util.allMap[this.util.selectBuild].playSpeed) : 6;
- this.util.options.collision = this.util.allMap[this.util.selectBuild].hasOwnProperty("collision") ? this.util.allMap[this.util.selectBuild].collision : true;
- this.util.options.navColor = this.util.allMap[this.util.selectBuild].hasOwnProperty("navColor") ? this.util.allMap[this.util.selectBuild].navColor : 0xEE6A50;
- this.util.options.aRadius = this.util.allMap[this.util.selectBuild].hasOwnProperty("aRadius") ? parseInt(this.util.allMap[this.util.selectBuild].aRadius) : 2;
- this.util.options.boxShop = this.util.allMap[this.util.selectBuild].hasOwnProperty("boxShop") ? this.util.allMap[this.util.selectBuild].boxShop.split(",") : [];
- this.util.options.shopStyle = this.util.allMap[this.util.selectBuild].hasOwnProperty("shopStyle") ? this.util.allMap[this.util.selectBuild].shopStyle : "shopName";
- this.util.options.modelIcon = this.util.allMap[this.util.selectBuild].hasOwnProperty("modelIcon") ? this.util.allMap[this.util.selectBuild].modelIcon : true;
-
- this.util.lightOptions.d_col = this.util.allMap[this.util.selectBuild].d_col || 0xffffff;
- this.util.lightOptions.d_int = this.util.allMap[this.util.selectBuild].d_int || 0.3;
- this.util.lightOptions.s_col = this.util.allMap[this.util.selectBuild].s_col || 0xfffff0;
- this.util.lightOptions.g_col = this.util.allMap[this.util.selectBuild].g_col || 0xffffff;
- this.util.lightOptions.a_int = this.util.allMap[this.util.selectBuild].a_int || 0.6;
+ 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.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.guiOptions.cameraX = parseInt(this.util.allMap[this.util.selectBuild].c_site.split(",")[0]) || this.util.guiOptions.cameraX;
+ this.util.guiOptions.cameraY = parseInt(this.util.allMap[this.util.selectBuild].c_site.split(",")[1]) || this.util.guiOptions.cameraY;
+ this.util.guiOptions.cameraZ = parseInt(this.util.allMap[this.util.selectBuild].c_site.split(",")[2]) || this.util.guiOptions.cameraZ;
+ this.controls.object.position.x = this.util.guiOptions.cameraX;
+ this.controls.object.position.y = this.util.guiOptions.cameraY;
+ this.controls.object.position.z = this.util.guiOptions.cameraZ;
+ }
+ if (this.util.allMap[this.util.selectBuild].m_site && this.util.allMap[this.util.selectBuild].m_site.split(",")) {
+ this.util.guiOptions.targatX = parseInt(this.util.allMap[this.util.selectBuild].m_site.split(",")[0]) || this.util.guiOptions.targatX;
+ this.util.guiOptions.targatY = parseInt(this.util.allMap[this.util.selectBuild].m_site.split(",")[1]) || this.util.guiOptions.targatY;
+ this.util.guiOptions.targatZ = parseInt(this.util.allMap[this.util.selectBuild].m_site.split(",")[2]) || this.util.guiOptions.targatZ;
+ this.controls.target.x = this.util.guiOptions.targatX;
+ this.controls.target.y = this.util.guiOptions.targatY;
+ this.controls.target.z = this.util.guiOptions.targatZ;
+ }
+ if (this.util.allMap[this.util.selectBuild].m_zoom) {
+ this.util.m_zoom = this.util.allMap[this.util.selectBuild].m_zoom;
+ }
}
let { playSpeed = 6, collision = true, showStyle = false, modelIcon = true, shopStyle = "shopName", shadow = true, otherPath = [], navColor = 0xEE6A50, iconUrl = [], overlap = false, iconName = false, camZoom = 3, inArea = false, pathColor = 0xb47834, pathStyle = "3D" } = options;
this.util.options.playSpeed = playSpeed != 6 ? playSpeed : this.util.options.playSpeed;
@@ -1419,7 +1440,6 @@ MainMap_QM.prototype = {
this.util.options.pathColor = pathColor != 0xb47834 ? pathColor : this.util.options.pathColor;
this.util.options.pathStyle = pathStyle != "3D" ? pathStyle : this.util.options.pathStyle;
this.util.iconUrl = iconUrl;
-
if (!isNaN(Number(options.floor))) {
this.util.startObj.floor = this.util.deviceObj.floor = parseInt(options.floor) || 0;
} else {
@@ -1432,7 +1452,28 @@ MainMap_QM.prototype = {
}
}
}
-
+ //
+ for(let k=0; k肯德基
']) */ @@ -2879,14 +2979,14 @@ MainMap_QM.prototype = { } }, /** - * @api {方法} unionShop() 店铺合并 + * @api {方法} unionShop() 店铺合并 * @apiGroup 地图显示 * @apiDescription 通过店铺编号合并店铺 合铺 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {Array} shops 店铺编号数组 * @apiParam {Object} data 新的店铺数据(默认 空数据) * @apiSampleRequest off - * + * * @apiParamExample {String} 请求示例 * Map_QM.unionShop(["L105","L106","L107","L108"],{name:"新店",shopNum:"L104-L108",color:"#F4A460"}) */ @@ -2975,7 +3075,7 @@ MainMap_QM.prototype = { } }, onCallTouchORMouse: function (mouse) { - if (!Map_QM.mapArr[Map_QM.util.selectBuild] && !Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor] || Map_QM.util.pathStateObj.isPathState) { + if ((!Map_QM.mapArr[Map_QM.util.selectBuild] && !Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor]) || Map_QM.util.pathStateObj.isPathState) { return; } let raycaster = new THREE.Raycaster(); @@ -2997,12 +3097,12 @@ MainMap_QM.prototype = { let facCode = intersects[i].object.userData.facCode || intersects[i].object.parent.userData.facCode || intersects[i].object.parent.parent.userData.facCode let title = intersects[i].object.userData.title || intersects[i].object.parent.userData.title || intersects[i].object.parent.parent.userData.title /** - * @api {事件} icon 点击设施图标 + * @api {事件} icon 点击设施图标 * @apiGroup 地图事件 * @apiDescription 用户点击设施图标后触发自定义事件 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("icon",onClickIcon,false); */ @@ -3031,29 +3131,29 @@ MainMap_QM.prototype = { } } /** - * @api {事件} shop 点击已绑定品牌的店铺 + * @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 ((iot && Map_QM.selectShop.userData.shopData.hasOwnProperty("shopName")) || (!iot && Map_QM.selectShop.userData.shopData.hasOwnProperty("name"))) { + if (Map_QM.selectShop.userData.shopData.hasOwnProperty("shopName")) { Map_QM.dispatchEvent({ type: "shop", data: Map_QM.selectShop.userData }) } else { /** - * @api {事件} onlyShop 点击未绑定品牌的店铺 + * @api {事件} onlyShop 点击未绑定品牌的店铺 * @apiGroup 地图事件 * @apiDescription 用户点击空店铺后触发自定义事件 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("onlyShop",onClickShop,false); */ @@ -3073,15 +3173,15 @@ MainMap_QM.prototype = { * @api {方法} setSelectShopMatByName(shopNum) 设置box 选中 * @apiGroup 地图交互 * @apiDescription 地图box 选中 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {String} shopNum POI编号 - * + * * @apiSampleRequest off - * + * * @apiParamExample {String} 请求示例 - * + * * Map_QM.setSelectShopMatByName("L101"); - * + * */ setSelectShopMatByName: function (ipName) { for (let i = 0; i < Map_QM.mapArr[Map_QM.util.selectBuild].length; i++) { @@ -3109,6 +3209,9 @@ MainMap_QM.prototype = { 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].labelObj, Map_QM.camera ); + Map_QM.labelRenderer.zOrder( Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].labelObj ); + Map_QM.collLabel(); if (Map_QM.callBackLoadOver) { let floorData = []; for (let i = 0; i < Map_QM.util.allMap.length; i++) { @@ -3132,7 +3235,7 @@ MainMap_QM.prototype = { type: "changeFloorOver", data: Map_QM.selectFloor }); - Map_QM.collLabel(); + }, autoChangeEleAngle: function () { @@ -3168,19 +3271,41 @@ MainMap_QM.prototype = { } } }, + disPlayEvent: function (e) { + clearTimeout(stateTime); + stateTime = setTimeout(() => { + clearTimeout(stateTime); + if (!Map_QM.util.pathStateObj.isPathState) { + let distance = Map_QM.controls.getDistance(); + if (distance <= Map_QM.util.changeDist.inner) { //切换到室内 + Map_QM.dispatchEvent({ + type: 'mapShowChange', + data: 'mall' + }) + } else { + Map_QM.dispatchEvent({ + type: 'mapShowChange', + data: 'out' + }) + } + } + }, 300); + }, /** * 碰撞检测 - * @param {Object} 传入检测楼层下标 + * @param {Object} 传入检测楼层下标 */ controlsChock: function () { Map_QM.autoChangeEleAngle(); + Map_QM.collLabel(); + /** - * @api {事件} MapAngleChange 地图的方向改变 + * @api {事件} MapAngleChange 地图的方向改变 * @apiGroup 地图事件 * @apiDescription 用户操作地图时触发 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("MapAngleChange",onMapAngleChange,false); */ @@ -3194,6 +3319,7 @@ MainMap_QM.prototype = { shopTime = setTimeout(() => { clearTimeout(shopTime); isJUZ = false; + Map_QM.controls.setZoom(1) Map_QM.controls.reset() }, 3000); } @@ -3271,7 +3397,6 @@ MainMap_QM.prototype = { Map_QM.hideObjecrGap(Map_QM.outModelGap, true); } } - Map_QM.collLabel(); }, hideObjecrGap: function (gap, isShow) { @@ -3292,7 +3417,7 @@ MainMap_QM.prototype = { if (!Map_QM || !Map_QM.util.options.collision) { return; } - + clearTimeout(Map_QM.util.timeObj.collTime); Map_QM.util.timeObj.collTime = setTimeout(() => { clearTimeout(Map_QM.util.timeObj.collTime); let checkList = []; @@ -3305,36 +3430,30 @@ MainMap_QM.prototype = { }); } } - if (Map_QM.mapArr[Map_QM.util.selectBuild]) { + if (Map_QM.mapArr[Map_QM.util.selectBuild] && Map_QM.buildObj.visible) { 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 && (!Map_QM.buildObj.userData.hasOwnProperty("visible") || Map_QM.buildObj.userData.visible)) { let childs = Map_QM.mapArr[Map_QM.util.selectBuild][m].labelObj.children; let len = childs.length; for (let i = 0; i < len; i++) { let obj = childs[i].element - if(childs[i].userData.mapShow){ + if (childs[i].userData.mapShow) { obj.style.visibility = "visible"; - }else{ + } else { obj.style.visibility = "hidden"; } if (obj.style.transform) { obj.style.visibility = "visible" - let labP = obj.style.transform.split('translate')[2].split(', ') + let labP = obj.getBoundingClientRect(); for (let j = 0; j < i; j++) { if (childs[j].element.style.visibility == "visible") { - let pb = childs[j].element.style.transform.split('translate')[2].split(', ') - let isCol = Map_QM.util.isCollision( - new Map_QM.util.Point(labP[0].substring(1, labP[0].length - 2), labP[1].substring(0, labP[1].length - 3)), - obj.clientWidth, - obj.clientHeight, - new Map_QM.util.Point(pb[0].substring(1, pb[0].length - 2), pb[1].substring(0, pb[1].length - 3)), - childs[j].element.clientWidth, - childs[j].element.clientHeight - ) + let pb = childs[j].element.getBoundingClientRect(); + let isCol = Map_QM.util.isCollision(labP, pb); if (isCol) { - if(!childs[i].userData.mapShow){ + if (!childs[i].userData.mapShow) { obj.style.visibility = "hidden" - }else if(!childs[j].userData.mapShow){ + break; + } else if (!childs[j].userData.mapShow) { childs[j].element.style.visibility = "hidden" } } @@ -3371,7 +3490,7 @@ MainMap_QM.prototype = { } } } - }, 500); + }, 300); }, /** @@ -3379,18 +3498,18 @@ MainMap_QM.prototype = { */ /** - * @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); @@ -3404,29 +3523,366 @@ MainMap_QM.prototype = { } } }, + /** + * @api {方法} countPath() 方向算法 + * @apiGroup 地图导航 + * @apiDescription 计算设施、店铺的导航方向, toObj,pathType 不能同时为空 + * @apiVersion 4.0.0 + * @param {Object} toObj {build,floor,node} //终点 设施寻路可以为空 + * @param {String} pathType 公共设施名称或编号（点位寻路此参数为空字符串） + * @param {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) { + 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 - * - * @apiParamExample {String} 请求示例 - * + * + * @apiParamExample {String} 请求示例 + * * Map_QM.pathIcon({type:"xsj"}); - * + * * @apiSuccessExample 返回示例 * { * "floor": 楼层编号, "node": 设施导航点,"typeCode":设施编号 * } - * + * */ pathIcon: function (iconType) { let selIcon; // let minS = -1; - toIcon = iconType.type; if (!Map_QM.util.startObj.build && parseInt(Map_QM.util.startObj.build) != 0) { Map_QM.util.startObj.build = parseInt(Map_QM.util.deviceObj.build); } @@ -3455,7 +3911,7 @@ MainMap_QM.prototype = { } if (selIcon) { - return { "build": parseInt(Map_QM.util.deviceObj.build), "floor": selIcon.floor, site: { x: selIcon.position.x, y: selIcon.position.y }, "node": selIcon.navCode, "no": selIcon.no, "typeCode": Map_QM.util.getFacType(iconType.type) }; + return { "build": parseInt(Map_QM.util.deviceObj.build), "floor": selIcon.floor, "site": { x: selIcon.position.x, y: selIcon.position.y }, "node": selIcon.navCode, "no": selIcon.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)) { @@ -3463,17 +3919,19 @@ MainMap_QM.prototype = { let sers = Map_QM.mapArr[b][i].serObj.children; //服务图标 for (let n = 0; n < sers.length; n++) { if (sers[n].facCode == iconType.type) { - let toNade = parseInt(Map_QM.util.deviceObj.build) + "_" + sers[n].floor + "_" + sers[n].navCode; + let toNade = b + "_" + sers[n].floor + "_" + sers[n].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; } } } @@ -3481,9 +3939,9 @@ MainMap_QM.prototype = { } } } - } - if (selIcon) { - return { "build": parseInt(Map_QM.util.deviceObj.build), "floor": selIcon.floor, "node": selIcon.navCode, site: { x: selIcon.position.x, y: selIcon.position.y }, "no": selIcon.no, "typeCode": Map_QM.util.getFacType(iconType.type) }; + if (selIcon) { + return { "build": selIcon.build, "floor": selIcon.floor, "node": selIcon.navCode, "site": { x: selIcon.position.x, y: selIcon.position.y }, "no": selIcon.no, "typeCode": Map_QM.util.getFacType(iconType.type) }; + } } } }, @@ -3491,21 +3949,21 @@ MainMap_QM.prototype = { * @api {方法} pathByStartAndOver(startObj,toObj,callBackFun) 地图路径规划 * @apiGroup 地图导航 * @apiDescription 根据传入的起、终点；直接导航 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {String} startObj.shopNum 店铺编号/车位编号 * @apiParam {String} startObj.type "shop"/"park" - * + * * @apiParam {String} toObj.shopNum 店铺编号/车位编号 * @apiParam {String} toObj.type "shop"/"park" - * + * * @apiParam {Function} callBackFun 回调函数 - * + * * @apiSampleRequest off - * + * * @apiParamExample {String} 请求示例 - * + * * Map_QM.pathByStartAndOver({"shopNum":"L102","type":"shop"},{"shopNum":"L204","type":"shop"}); - * + * */ pathByStartAndOver: function (startObj, toObj, callBackFun) { try { @@ -3521,18 +3979,18 @@ MainMap_QM.prototype = { * @api {方法} changeStartPoint() 设置起始点位 * @apiGroup 地图导航 * @apiDescription 设置起始点位 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {int} build 起点楼栋编号 * @apiParam {int} floor 起点楼层编号 * @apiParam {String} node 起点编号 * @apiParam {int} angle 起点角度 - * + * * @apiSampleRequest off - * + * * @apiParamExample {String} 请求示例 - * + * * Map_QM.changeStartPoint({"build":0, "floor":3, "node":"20", "angle":0}); - * + * */ changeStartPoint: function (toObj) { this.clearFloor(); @@ -3570,16 +4028,16 @@ MainMap_QM.prototype = { * @api {方法} changeMapIPState(ipName,color) 改变POI颜色 * @apiGroup 地图交互 * @apiDescription 改变POI 颜色 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {string} ipName POI名称 - * @apiParam {string} color 颜色字符串 - * + * @apiParam {string} color 颜色字符串 + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.changeMapIPState("L1001","#ffff00"); - * + * */ changeMapIPState: function (ipName, color) { // #775544 #AD8164 for (let i = 0; i < this.mapArr[this.util.selectBuild].length; i++) { @@ -3593,18 +4051,18 @@ MainMap_QM.prototype = { } }, /** - * @api {方法} getMapIPData(ipName) 获取POI 基础数据 + * @api {方法} getMapIPData(ipName) 获取POI 基础数据 * @apiGroup 地图交互 * @apiDescription 获取POI 基础数据 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {string} ipName POI名称 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.getMapIPData("L1001"); - * + * * @apiSuccessExample 返回示例 * { * shopNum:店铺编号, shopName:店铺名 node:导航点, floor:楼层编号, xaxis:中心点X坐标, yaxis:中心点Y坐标, borderColor:边框色, entColor:填充色 @@ -3625,17 +4083,17 @@ MainMap_QM.prototype = { * @api {方法} pathNode() 地图模拟导航 * @apiGroup 地图导航 * @apiDescription 地图路径模拟导航 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {int} floor 楼层编号 * @apiParam {string} node 路径点位编号 * @apiParam {function} callBackFun 回调方法 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.pathNode({build:0, floor:2,node:"53"},callBackFun); - * + * */ pathNode: function (toObj, callBackFun) { if (!toObj) { @@ -3654,7 +4112,7 @@ MainMap_QM.prototype = { 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,comeIn: toObj.comeIn || "" }; + Map_QM.util.overObj = { build: toObj.build || 0, floor: toObj.floor, node: toObj.node, shopNum: toObj.shopNum, comeIn: toObj.comeIn || "" }; if (Map_QM.util.overObj.node != "") { Map_QM.cancelRender(); this.onFindPathModel(); @@ -3680,14 +4138,14 @@ MainMap_QM.prototype = { } 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; - 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: iot ? item.wayShop[i].shop.houseNumber : item.wayShop[i].shop.houseNum }); + 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, shopName: "经过 " + item.wayShop[i].shop.shopName || item.wayShop[i].shop.name, shopNameEn: "PASS " + enTlite, logoPath: item.wayShop[i].shop.logoPath, code: item.wayShop[i].shop.code, shopNum: iot ? item.wayShop[i].shop.houseNumber : item.wayShop[i].shop.houseNum }); } } 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, logoPath: item.Facilities.imgUrl, code: (((Math.random()) * 0x1234567) | 0).toString(16).substring(0), shopNum: item.Facilities.userData.facCode + item.Facilities.userData.no + isAddPrefix: true, shopName: "乘坐 " + item.Facilities.userData.title + "到 " + Map_QM.mapArr[Map_QM.util.selectBuild][parseInt(Map_QM.forShopArr[index + 1].floor)].floorName, + shopNameEn: "BY " + item.Facilities.userData.title + "TO " + Map_QM.mapArr[Map_QM.util.selectBuild][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 }); } }); @@ -3696,16 +4154,16 @@ MainMap_QM.prototype = { * @api {方法} getGapByPathNode() 获取实际距离 * @apiGroup 地图导航 * @apiDescription 通过点位获取距离 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {int} floor 楼层编号 * @apiParam {string} node 路径点位编号 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.getGapByPathNode({floor:2,node:"53"}); - * + * * @apiSuccessExample {Object} dist 距离米数 time 步行时间 * { * dis:200,time:4 @@ -3718,7 +4176,7 @@ MainMap_QM.prototype = { 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 是比例尺 + console.log(`距离目的地 ${parseInt(path.cost / Map_QM.util.options.mapScale)} 米，预计${minTime} 分钟`); // 21 是比例尺 } catch (e) { console.log(e) } @@ -3728,11 +4186,11 @@ MainMap_QM.prototype = { * @api {方法} getAllIcon() 获取所有Icon * @apiGroup 地图数据 * @apiDescription 获取所有Icon - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {int} floorOrder 楼层编号(默认 所有) - * + * * @apiSampleRequest off - * + * */ getAllIcon: function (floorOrder = -1, buildOrder = -1) { let icons = []; @@ -3790,15 +4248,15 @@ MainMap_QM.prototype = { * @api {方法} pathPark() 获取车位点位 * @apiGroup 地图数据 * @apiDescription 获取车位导航点 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {String} shopNum 车位编号 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.pathPark({shopNum:"B1002"}); - * + * * @apiSuccessExample 返回示例 * { * shopNum: 车位编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标 @@ -3812,15 +4270,15 @@ MainMap_QM.prototype = { * @api {方法} pathShopByName() 获取店铺点位 * @apiGroup 地图数据 * @apiDescription 通过店铺名称获取点位 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiParam {String} shopName 店铺名称 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.pathShopByName("金拱门"); - * + * * @apiSuccessExample 返回示例 * { * shopNum: 店铺编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标, comeIn:店铺多门点 @@ -3857,12 +4315,12 @@ MainMap_QM.prototype = { * @api {方法} shopNumToNavPoint() 获取导航点位 * @apiGroup 地图导航 * @apiDescription 通过店铺编号或车位获取导航点位 - * @apiVersion 2.0.0 - * @apiParam {Object} object build,floor,shopNum 楼栋编号,楼层编号,店铺或车位编号 + * @apiVersion 4.0.0 + * @apiParam {Object} object build,floor,shopNum 楼栋编号,楼层编号,店铺或车位编号 * @apiParam {String} type 店铺或车位标识 "shop" "park" - * + * * @apiSampleRequest off - * + * * @apiSuccessExample 返回示例 * { * shopNum: 店铺编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标, comeIn:店铺多门点 @@ -3915,11 +4373,11 @@ MainMap_QM.prototype = { if (!usePath) { usePath = Map_QM.util.pathStateObj.graphPath; } - if(Map_QM.util.overObj.comeIn){ + if (Map_QM.util.overObj.comeIn) { const costall = dijkstra.single_source_shortest_paths(Map_QM.util.pathStateObj.graphPath, startNade, startNade).costs; - if(costall){ + 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); + Map_QM.util.overObj.node = Map_QM.getMinCostByArray(Map_QM.util.overObj.floor, inArray, costall); } } Map_QM.forShopPath(usePath); @@ -4014,9 +4472,9 @@ MainMap_QM.prototype = { * @api {事件} InitPathOver 地图导航状态完成 * @apiGroup 地图事件 * @apiDescription 地图开始导航时触发 - * @apiVersion 2.0.0 + * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("InitPathOver",onInitPathOver,false); */ @@ -4031,22 +4489,22 @@ MainMap_QM.prototype = { this.onFindPathToObj(); } }, - getMinCostByArray:function(floor,array,costall){ - if(!Map_QM.util.startObj){ + getMinCostByArray: function (floor, array, costall) { + if (!Map_QM.util.startObj) { Map_QM.changeStartPoint(); } - if(!Map_QM.util.numBuild){ + if (!Map_QM.util.numBuild) { Map_QM.util.numBuild = 0; } - let mis=-1,nodeP; - for(let i=0; ilocalStorage on exit.\n\n localStorage will\n override those passed to dat.GUI\'s constructor. This makes it\n easier to work incrementally, but localStorage is fragile,\n and your friends may not see the same values you do.\n\n localStorage on exit.\n\n localStorage will\n override those passed to dat.GUI\'s constructor. This makes it\n easier to work incrementally, but localStorage is fragile,\n and your friends may not see the same values you do.\n\n