', 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 = [];
@@ -184,15 +184,15 @@ QMUtil = function () {
* @apiGroup 地图交互
* @apiDescription 改变导航播放速度
* @apiVersion 4.0.0
- *
+ *
* @apiParam {int} speed 播放速度（默认 6）
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.util.changePlaySpeed(6)
- *
+ *
*/
this.changePlaySpeed = function (speed = 6) {
Map_QM.util.options.playSpeed = speed;
@@ -225,18 +225,18 @@ QMUtil = function () {
}
return newColor;
}
- this.assignUVs = function (geometry) {
- geometry.computeBoundingBox();
+ this.assignUVs = function (geometry) {
+ geometry.computeBoundingBox();
var max = geometry.boundingBox.max,
min = geometry.boundingBox.min;
var offset = new THREE.Vector2(0 - min.x, 0 - min.y);
var range = new THREE.Vector2(max.x - min.x, max.y - min.y);
- var faces = geometry.faces;
- geometry.faceVertexUvs[0] = [];
- for (var i = 0; i < faces.length ; i++) {
+ var faces = geometry.faces;
+ geometry.faceVertexUvs[0] = [];
+ for (var i = 0; i < faces.length ; i++) {
var v1 = geometry.vertices[faces[i].a],
v2 = geometry.vertices[faces[i].b],
- v3 = geometry.vertices[faces[i].c];
+ v3 = geometry.vertices[faces[i].c];
geometry.faceVertexUvs[0].push([
new THREE.Vector2((v1.x + offset.x) / range.x, (v1.y + offset.y) / range.y),
new THREE.Vector2((v2.x + offset.x) / range.x, (v2.y + offset.y) / range.y),
@@ -255,20 +255,20 @@ QMUtil = function () {
for (let i = 0; i < nCount; i++) {
let p1 = ptPolygon[i]; //当前节点
let p2 = ptPolygon[(i + 1) % nCount]; //下一个节点
- // 求解 y=p.y 与 p1p2 的交点
- if (p1.y == p2.y) // p1p2 与 y=p0.y平行
+ // 求解 y=p.y 与 p1p2 的交点
+ if (p1.y == p2.y) // p1p2 与 y=p0.y平行
continue;
- if (p.y < Math.min(p1.y, p2.y)) // 交点在p1p2延长线上
+ if (p.y < Math.min(p1.y, p2.y)) // 交点在p1p2延长线上
continue;
- if (p.y >= Math.max(p1.y, p2.y)) // 交点在p1p2延长线上
+ if (p.y >= Math.max(p1.y, p2.y)) // 交点在p1p2延长线上
continue;
- // 从P发射一条水平射线 求交点的 X 坐标 ------原理: ((p2.y-p1.y)/(p2.x-p1.x))=((y-p1.y)/(x-p1.x))
+ // 从P发射一条水平射线 求交点的 X 坐标 ------原理: ((p2.y-p1.y)/(p2.x-p1.x))=((y-p1.y)/(x-p1.x))
//直线k值相等 交点y=p.y
let x = (p.y - p1.y) * (p2.x - p1.x) / (p2.y - p1.y) + p1.x;
if (x > p.x)
- nCross++; // 只统计单边交点
+ nCross++; // 只统计单边交点
}
- // 单边交点为偶数，点在多边形之外 ---
+ // 单边交点为偶数，点在多边形之外 ---
return (nCross % 2 == 1);
}
@@ -1218,7 +1218,7 @@ MainMap_QM = function (callBack, options) {
//设置相机距离原点的最远距离
this.controls.maxDistance = this.util.options.maxDis;
this.controls.minPolarAngle = 0; // 0是为了兼容2D模式
- this.controls.maxPolarAngle = Math.PI / 2 - 0.2; // radians
+ this.controls.maxPolarAngle = Math.PI / 2 - 0.2; // radians
const sykVShader = `varying vec3 vWorldPosition;
void main() {
vec4 worldPosition = modelMatrix * vec4( position, 1.0 );
@@ -1235,8 +1235,8 @@ MainMap_QM = function (callBack, options) {
gl_FragColor = vec4( mix( bottomColor, topColor, max( pow( max( h , 0.0), exponent ), 0.0 ) ), 1.0 );
}`;
const uniforms = {
- "topColor": { value: new THREE.Color( 0x3385ff ) },
- "bottomColor": { value: new THREE.Color( 0xffffff ) },
+ "topColor": { value: new THREE.Color( 0xF1F1F1 ) },
+ "bottomColor": { value: new THREE.Color( 0xF1F1F1 ) },
"offset": { value: 100 },
"exponent": { value: 0.6 }
};
@@ -1261,8 +1261,8 @@ MainMap_QM = function (callBack, options) {
if (debug) {
stats = new Stats();
stats.setMode(1); // 0: fps, 1: ms
- stats.domElement.style.position = 'absolute'; //绝对坐标
- stats.domElement.style.left = '10px'; // (0,0)px,左上角
+ stats.domElement.style.position = 'absolute'; //绝对坐标
+ stats.domElement.style.left = '10px'; // (0,0)px,左上角
stats.domElement.style.top = '60px';
document.getElementById(options.containerId || "mapContainer").appendChild(stats.domElement);
}
@@ -1708,7 +1708,7 @@ MainMap_QM.prototype = {
}
},
loaderOver: function (e) {
-
+
this.sceneGap = new THREE.Group();
this.sceneGap.position.set(this.util.sceneGap.x, this.util.sceneGap.y, this.util.sceneGap.z);
this.sceneGap.scale.set(this.util.sceneGap.scale, this.util.sceneGap.scale, this.util.sceneGap.scale);
@@ -1847,7 +1847,7 @@ MainMap_QM.prototype = {
this.remove_child(this.sceneGap);
this.scene.remove(this.sceneGap);
let parent = document.getElementById(options.containerId || "mapContainer");
- while ((elem = parent.firstChild)) {
+ while ((elem = parent.firstChild)) {
elem.remove();
}
this.renderer.domElement = null
@@ -1859,7 +1859,7 @@ MainMap_QM.prototype = {
}
},
initTreeModel: function () {
-
+
if(this.index < this.util.modelStr.length - 1 ){
if(this.util.modelStr[this.index].load){
this.gltfLoad(this.util.beforPath + this.util.modelStr[this.index].url);
@@ -1944,7 +1944,7 @@ MainMap_QM.prototype = {
// this.rotationAngle(angle);
// if(this.util.guiOptions.cameraY == 220 && this.util.guiOptions.cameraZ == 220){
// let boundBox = new THREE.Box3();
- // boundBox.setFromObject(this.sceneGap);
+ // boundBox.setFromObject(this.sceneGap);
// let wd = Math.max(boundBox.max.x-boundBox.min.x, boundBox.max.y-boundBox.min.y);
// let cameraDis = Math.sqrt(this.util.guiOptions.cameraY*this.util.guiOptions.cameraY+this.util.guiOptions.cameraZ*this.util.guiOptions.cameraZ);
// this.camera.fov = this.calcFov(cameraDis, wd, this.w / this.h);
@@ -1952,10 +1952,14 @@ MainMap_QM.prototype = {
// this.camera.updateProjectionMatrix();
// }
let boundBox = new THREE.Box3();
- boundBox.setFromObject(this.sceneGap);
- console.log(boundBox,this.w / 10,this.h / 10);
- this.controls.minPan = boundBox.min;
- this.controls.maxPan = boundBox.max;
+ boundBox.setFromObject(this.sceneGap);
+ if (isNaN(boundBox.min.x) || isNaN(boundBox.min.y) ){
+ this.controls.minPan = new THREE.Vector3(this.w / -8, 0, this.h / -8);
+ this.controls.maxPan = new THREE.Vector3(this.w / 8, 0, this.h / 8);
+ } else{
+ this.controls.minPan = boundBox.min;
+ this.controls.maxPan = boundBox.max;
+ }
this.startRender();
setTimeout(() => {
Map_QM.controls.addEventListener('change', this.controlsChock, false); //控制器变化
@@ -2074,13 +2078,13 @@ MainMap_QM.prototype = {
* @apiDescription 地图展示状态切换
* @apiVersion 4.0.0
* @apiParam {string} state 地图状态
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {String} 请求示例
- *
+ *
* Map_QM.changeMapState("2d");
- *
+ *
*/
changeMapState: function (state) {
Map_QM.controls.reset();
@@ -2137,13 +2141,13 @@ MainMap_QM.prototype = {
* @apiVersion 4.0.0
* @apiParam {int} buildOrder 传入楼栋编号（默认 0）
* @apiParam {int} floorOrder 传入楼栋编号（默认 0）
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {int, int} 请求示例
- *
+ *
* Map_QM.changeBuild(0, 0);
- *
+ *
*/
changeBuild: function (buildOrder = 0, floorOrder = 0) {
Map_QM.resetFloorState();
@@ -2183,19 +2187,19 @@ MainMap_QM.prototype = {
}
},
/**
- * @api {方法} showFloor(floorOrder) 通过楼层编号切换楼层
+ * @api {方法} showFloor(floorOrder) 通过楼层编号切换楼层
* @apiGroup 地图交互
* @apiDescription 楼层切换，传入楼层编号，编号从下到上排序，最下面是0
* @apiVersion 4.0.0
- *
+ *
* @apiParam {int} floorOrder 楼层编号
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {int} 请求示例
- *
+ *
* Map_QM.showFloor(1);
- *
+ *
*/
showFloor: function (fIndex = -1, callBack = undefined) {
Map_QM.resetFloorState();
@@ -2205,16 +2209,16 @@ MainMap_QM.prototype = {
}
},
/**
- * @api {方法} changeFloorByName(floorOrder) 通过楼层名称切换楼层
+ * @api {方法} changeFloorByName(floorOrder) 通过楼层名称切换楼层
* @apiGroup 地图交互
* @apiDescription 楼层切换，传入楼层名称，
* @apiVersion 4.0.0
- *
+ *
* @apiParam {String} floorName 楼层名称
- *
+ *
* @apiSampleRequest off
* @apiParamExample {String} 请求示例
- *
+ *
* Map_QM.changeFloorByName("L1");
*/
changeFloorByName: function (floorName) {
@@ -2313,15 +2317,15 @@ MainMap_QM.prototype = {
/**
* @api {方法} onShowMeDir() 我的方向
* @apiGroup 地图显示
- * @apiDescription 我的方向
+ * @apiDescription 我的方向
* @apiVersion 4.0.0
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.onShowMeDir();
- *
+ *
*/
onShowMeDir: function () {
if (this.util.selectBuild != this.util.deviceObj.build || this.util.selectFloor != this.util.deviceObj.floor) {
@@ -2374,17 +2378,17 @@ MainMap_QM.prototype = {
/**
* @api {方法} onShowLocalSite(0) 局部显示放大
* @apiGroup 地图显示
- * @apiDescription 局部显示放大 point 传入放大目标点，zoom放大级别 1-5
+ * @apiDescription 局部显示放大 point 传入放大目标点，zoom放大级别 1-5
* @apiVersion 4.0.0
* @apiParam {Object} point 放大的地图位置
* @apiParam {int} zoom 放大倍数(默认 1)
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {Object} 请求示例
- *
- * Map_QM.onShowLocalSite({x:0,y:0},1);
- *
+ *
+ * Map_QM.onShowLocalSite({x:0,y:0},1);
+ *
*/
onShowLocalSite: function (centerPoint, zoom = 1) {
if (Map_QM.util.initModelArr.length > 0 && Map_QM.util.changeDist.inner > Map_QM.util.options.minDis) {
@@ -2410,15 +2414,15 @@ MainMap_QM.prototype = {
/**
* @api {方法} onShowDeviceSite() 地图方向复位
* @apiGroup 地图显示
- * @apiDescription 地图方向复位
+ * @apiDescription 地图方向复位
* @apiVersion 4.0.0
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.onShowDeviceSite();
- *
+ *
*/
onShowDeviceSite: function () {
this.changeMapModel("3D");
@@ -2454,15 +2458,15 @@ MainMap_QM.prototype = {
* @apiGroup 地图交互
* @apiDescription 切换导航方向
* @apiVersion 4.0.0
- *
+ *
* @apiParam {String} pathState 地图导航方向（默认 3D）
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.changePathDir("2D");
- *
+ *
*/
changePathDir: function (pathState = "3D") {
if (Map_QM.util.pathStateObj.isPathState) { //导航状态
@@ -2505,14 +2509,14 @@ MainMap_QM.prototype = {
* @apiGroup 地图交互
* @apiDescription 获取3D对象
* @apiVersion 4.0.0
- * @apiParam {string} ipName POI名称
- *
+ * @apiParam {string} ipName POI名称
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.queryObject3DByShopNum("L1001");
- *
+ *
*/
queryObject3DByShopNum: function (ipName) {
for (let b = 0; b < Map_QM.mapArr.length; b++) {
@@ -2528,19 +2532,19 @@ MainMap_QM.prototype = {
return null;
},
/**
- * @api {方法} parseSelectShop() 设置选中店铺弹跳
+ * @api {方法} parseSelectShop() 设置选中店铺弹跳
* @apiGroup 地图交互
- * @apiDescription 设置选中店铺弹跳
+ * @apiDescription 设置选中店铺弹跳
* @apiVersion 4.0.0
- *
+ *
* @apiParam {object3D} selObject 传入3D对象
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.parseSelectShop(object);
- *
+ *
*/
parseSelectShop: function (selObject) {
if (selObject) {
@@ -2559,17 +2563,17 @@ MainMap_QM.prototype = {
}
},
/**
- * @api {方法} cancelSelectShop() 取消店铺弹跳
+ * @api {方法} cancelSelectShop() 取消店铺弹跳
* @apiGroup 地图交互
- * @apiDescription 取消店铺弹跳效果
+ * @apiDescription 取消店铺弹跳效果
* @apiVersion 4.0.0
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.cancelSelectShop();
- *
+ *
*/
cancelSelectShop: function () {
TweenMax.killAll(true);
@@ -2582,15 +2586,15 @@ MainMap_QM.prototype = {
* @apiGroup 地图交互
* @apiDescription 店铺促销标签展示/隐藏
* @apiVersion 4.0.0
- *
+ *
* @apiParam {boolean} isShow 店铺促销标签是否显示（默认 false）
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {boolean} 请求示例
- *
+ *
* Map_QM.changeStateShopPro(true);
- *
+ *
*/
changeStateShopPro: function (isShow = false) {
Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].tagObj.traverse((obj) => {
@@ -2602,15 +2606,15 @@ MainMap_QM.prototype = {
* @apiGroup 地图交互
* @apiDescription 自定义标签展示/隐藏
* @apiVersion 4.0.0
- *
+ *
* @apiParam {boolean} isShow 自定义标签是否显示（默认 false）
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {boolean} 请求示例
- *
+ *
* Map_QM.changeShowTagObjState(true);
- *
+ *
*/
changeShowTagObjState: function (isShow = false) {
Map_QM.mapArr[Map_QM.util.selectBuild][Map_QM.util.selectFloor].showTagObj.traverse((obj) => {
@@ -2623,11 +2627,11 @@ MainMap_QM.prototype = {
* @apiGroup 地图数据
* @apiDescription 店铺列表
* @apiVersion 4.0.0
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.queryShopList()
*
*/
@@ -2639,13 +2643,13 @@ MainMap_QM.prototype = {
* @apiGroup 地图交互
* @apiDescription 绘制引导线
* @apiVersion 4.0.0
- *
+ *
* @apiParam {string/Array} startShop 起始店铺编号或编号数组
* @apiParam {string/Array} endShop 终点店铺编号或编号数组
* @apiParam {string} color 绘制颜色 （默认 "#0099ff"）
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
* //绘制一到多
* Map_QM.drawCurveLine("L125",["L117","L127","L130"],"#2246d8")
@@ -2711,12 +2715,12 @@ MainMap_QM.prototype = {
* @apiGroup 地图交互
* @apiDescription 绘制柱状图
* @apiVersion 4.0.0
- *
+ *
* @apiParam source 起始店铺编号或编号数组
* @apiParam property 控制参数对象
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
* //绘制多个
* Map_QM.drawColumnar(["L117","L127","L130"],{"height":200,"width":20,"color":"#2246d8"})
@@ -2794,15 +2798,15 @@ MainMap_QM.prototype = {
* @apiGroup 地图交互
* @apiDescription 删除绘制元素
* @apiVersion 4.0.0
- *
+ *
* @apiParam type 传入删除的类型(默认 all) toLine--引导线 columer--柱状样式 all---所有
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.removeDrawEle("toLine")
- *
+ *
*/
removeDrawEle: function (type = "all") {
if (type == "all" || type == "toLine") {
@@ -2824,15 +2828,15 @@ MainMap_QM.prototype = {
* @apiGroup 地图显示
* @apiDescription 改变地图水平角度 angle>-180 && angle<180 逆时针旋转
* @apiVersion 4.0.0
- *
+ *
* @apiParam {int} angle 旋转角度
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {int} 请求示例
- *
+ *
* Map_QM.rotationAngle(90);
- *
+ *
*/
rotationAngle: function (angle) {
Map_QM.controls.setRotateHorizontal(Map_QM.controls.getRotateHorizontal());
@@ -2843,33 +2847,33 @@ MainMap_QM.prototype = {
* @apiGroup 地图显示
* @apiDescription 改变地图垂直角度 angle>-90 && angle<90
* @apiVersion 4.0.0
- *
+ *
* @apiParam {int} angle 旋转角度
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {int} 请求示例
- *
+ *
* Map_QM.rotateAngle(-45);
- *
+ *
*/
rotateAngle: function (angle) {
Map_QM.controls.rotate(angle / 180 * Math.PI);
},
/**
- * @api {方法} setCameraDist(cDist) 调整地图大小
+ * @api {方法} setCameraDist(cDist) 调整地图大小
* @apiGroup 地图显示
* @apiDescription 调整地图大小(值越小地图越大) Map_QM.util.options.minDis ~ Map_QM.util.options.maxDis
* @apiVersion 4.0.0
- *
+ *
* @apiParam {int} cDist 摄像头距离
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {int} 请求示例
- *
+ *
* Map_QM.setCameraDist(150);
- *
+ *
*/
setCameraDist: function (cDist) {
if (Map_QM.util.options.minDis < parseInt(cDist) && parseInt(cDist) < Map_QM.util.options.maxDis) {
@@ -2889,19 +2893,19 @@ MainMap_QM.prototype = {
* @apiGroup 地图显示
* @apiDescription 启动地图渲染 与 cancelRender 配合使用可节约资源
* @apiVersion 4.0.0
- *
+ *
* @apiSampleRequest off
* @apiParamExample 请求示例
- *
+ *
* Map_QM.startRender();
- *
+ *
*/
startRender: function () {
Map_QM.cancelRender();
-
+
let T = Map_QM.util._clock.getDelta();
Map_QM.util.timeObj.timeS = Map_QM.util.timeObj.timeS + T;
- // requestAnimationFrame默认调用render函数60次，通过时间判断，降低renderer.render执行频率
+ // requestAnimationFrame默认调用render函数60次，通过时间判断，降低renderer.render执行频率
if (Map_QM.util.timeObj.timeS > 0.05) {
if (Map_QM.qiModel) {
Map_QM.qiModel.rotateY(0.05);
@@ -2946,13 +2950,13 @@ MainMap_QM.prototype = {
* @apiGroup 地图显示
* @apiDescription 取消地图渲染 与 startRender 配合使用可节约资源
* @apiVersion 4.0.0
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample 请求示例
- *
+ *
* Map_QM.cancelRender();
- *
+ *
*/
cancelRender: function () {
window.cancelAnimationFrame(renderFrame);
@@ -2964,14 +2968,14 @@ MainMap_QM.prototype = {
* @apiGroup 地图交互
* @apiDescription 地图显示Html标签，返回3d标签对象
* @apiVersion 4.0.0
- *
+ *
* @apiParam {Element} divObj div对象
* @apiParam {int} x 显示X坐标
* @apiParam {int} y 显示Y坐标
* @apiParam {int} z 显示高度坐标(默认 50)
* @apiParam {String} type docment元素自定义标识(默认 "shopInfo")
* @apiSampleRequest off
- *
+ *
* @apiParamExample {String} 请求示例
* Map_QM.addElementLabel(divObj,x,y);
*/
@@ -2994,13 +2998,13 @@ MainMap_QM.prototype = {
* @apiParam {Object} obj 对象
* @apiParam {int} x 新的X坐标
* @apiParam {int} y 新的Y坐标
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {Object} 请求示例
- *
+ *
* Map_QM.updateElementPosition(obj,x,y);
- *
+ *
*/
updateElementPosition: function (obj, x, y) {
if (obj.hasOwnProperty("position")) {
@@ -3015,13 +3019,13 @@ MainMap_QM.prototype = {
* @apiDescription 销毁地图上的html标签
* @apiVersion 4.0.0
* @apiParam {String} type docment元素自定义标识(默认 "shopInfo")
- *
+ *
* @apiSampleRequest off
- *
+ *
* @apiParamExample {Object} 请求示例
- *
+ *
* Map_QM.elementDestroy();
- *
+ *
*/
elementDestroy: function (type = "shopInfo") {
for (let i = Map_QM.CSSObject.children.length - 1; i >= 0; i--) {
@@ -3038,7 +3042,7 @@ MainMap_QM.prototype = {
* @apiParam {Array} shopNum 店铺编号
* @apiParam {Array} element html标签字符串
* @apiSampleRequest off
- *
+ *
* @apiParamExample {String} 请求示例
* Map_QM.changeShowShopName(["L104"],['肯德基
']) */ @@ -3056,14 +3060,14 @@ MainMap_QM.prototype = { } }, /** - * @api {方法} unionShop() 店铺合并 + * @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:"新店",shopNum:"L104-L108",color:"#F4A460"}) */ @@ -3174,12 +3178,12 @@ MainMap_QM.prototype = { let facCode = intersects[i].object.userData.facCode || intersects[i].object.parent.userData.facCode || intersects[i].object.parent.parent.userData.facCode let title = intersects[i].object.userData.title || intersects[i].object.parent.userData.title || intersects[i].object.parent.parent.userData.title /** - * @api {事件} icon 点击设施图标 + * @api {事件} icon 点击设施图标 * @apiGroup 地图事件 * @apiDescription 用户点击设施图标后触发自定义事件 * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("icon",onClickIcon,false); */ @@ -3208,12 +3212,12 @@ MainMap_QM.prototype = { } } /** - * @api {事件} shop 点击已绑定品牌的店铺 + * @api {事件} shop 点击已绑定品牌的店铺 * @apiGroup 地图事件 * @apiDescription 用户点击店铺后触发自定义事件 * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("shop",onClickShop,false); */ @@ -3225,12 +3229,12 @@ MainMap_QM.prototype = { }) } else { /** - * @api {事件} onlyShop 点击未绑定品牌的店铺 + * @api {事件} onlyShop 点击未绑定品牌的店铺 * @apiGroup 地图事件 * @apiDescription 用户点击空店铺后触发自定义事件 * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("onlyShop",onClickShop,false); */ @@ -3252,13 +3256,13 @@ MainMap_QM.prototype = { * @apiDescription 地图box 选中 * @apiVersion 4.0.0 * @apiParam {String} shopNum POI编号 - * + * * @apiSampleRequest off - * + * * @apiParamExample {String} 请求示例 - * + * * Map_QM.setSelectShopMatByName("L101"); - * + * */ setSelectShopMatByName: function (ipName) { for (let i = 0; i < Map_QM.mapArr[Map_QM.util.selectBuild].length; i++) { @@ -3312,7 +3316,7 @@ MainMap_QM.prototype = { type: "changeFloorOver", data: Map_QM.selectFloor }); - + }, autoChangeEleAngle: function () { @@ -3370,19 +3374,19 @@ MainMap_QM.prototype = { }, /** * 碰撞检测 - * @param {Object} 传入检测楼层下标 + * @param {Object} 传入检测楼层下标 */ controlsChock: function () { Map_QM.autoChangeEleAngle(); Map_QM.collLabel(); - + /** - * @api {事件} MapAngleChange 地图的方向改变 + * @api {事件} MapAngleChange 地图的方向改变 * @apiGroup 地图事件 * @apiDescription 用户操作地图时触发 * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("MapAngleChange",onMapAngleChange,false); */ @@ -3582,13 +3586,13 @@ MainMap_QM.prototype = { * @apiDescription 地图图标弹跳效果 * @apiVersion 4.0.0 * @apiParam {String} iconType 设施缩写 - * + * * @apiSampleRequest off - * + * * @apiParamExample {String} 请求示例 - * + * * Map_QM.bounceIcon("xsj"); - * + * */ bounceIcon: function (iconType) { let toFloor = parseInt(Map_QM.util.selectFloor); @@ -3608,15 +3612,15 @@ MainMap_QM.prototype = { * @apiDescription 计算设施、店铺的导航方向, toObj,pathType 不能同时为空 * @apiVersion 4.0.0 * @param {Object} toObj {build,floor,node} //终点 设施寻路可以为空 - * @param {String} pathType 公共设施名称或编号（点位寻路此参数为空字符串） - * @param {String} countType 8--八方向(默认) 12--十二方向 - * + * @param {String} pathType 公共设施名称或编号（点位寻路此参数为空字符串） + * @param {String} countType 8--八方向(默认) 12--十二方向 + * * @apiSampleRequest off - * + * * @apiParamExample {String} 请求示例 - * - * Map_QM.countPath({build:0,floor:0,node:0},"xsj","8"); - * + * + * Map_QM.countPath({build:0,floor:0,node:0},"xsj","8"); + * */ countPath: function (toObj, pathType = "", _countType = "8") { direction = { "code": 500, "dir": '', "cost": 0, "gap": 0 }; @@ -3946,18 +3950,18 @@ MainMap_QM.prototype = { * @apiDescription 获取离当前楼层最近的设施 * @apiVersion 4.0.0 * @apiParam {JSON} type 设施缩写 - * + * * @apiSampleRequest off - * + * * @apiParamExample {String} 请求示例 - * + * * Map_QM.pathIcon({type:"xsj"}); - * + * * @apiSuccessExample 返回示例 * { * "floor": 楼层编号, "node": 设施导航点,"typeCode":设施编号 * } - * + * */ pathIcon: function (iconType) { let selIcon; // @@ -4031,18 +4035,18 @@ MainMap_QM.prototype = { * @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 { @@ -4063,13 +4067,13 @@ MainMap_QM.prototype = { * @apiParam {int} floor 起点楼层编号 * @apiParam {String} node 起点编号 * @apiParam {int} angle 起点角度 - * + * * @apiSampleRequest off - * + * * @apiParamExample {String} 请求示例 - * + * * Map_QM.changeStartPoint({"build":0, "floor":3, "node":"20", "angle":0}); - * + * */ changeStartPoint: function (toObj) { this.clearFloor(); @@ -4109,14 +4113,14 @@ MainMap_QM.prototype = { * @apiDescription 改变POI 颜色 * @apiVersion 4.0.0 * @apiParam {string} ipName POI名称 - * @apiParam {string} color 颜色字符串 - * + * @apiParam {string} color 颜色字符串 + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.changeMapIPState("L1001","#ffff00"); - * + * */ changeMapIPState: function (ipName, color) { // #775544 #AD8164 for (let i = 0; i < this.mapArr[this.util.selectBuild].length; i++) { @@ -4130,18 +4134,18 @@ MainMap_QM.prototype = { } }, /** - * @api {方法} getMapIPData(ipName) 获取POI 基础数据 + * @api {方法} getMapIPData(ipName) 获取POI 基础数据 * @apiGroup 地图交互 * @apiDescription 获取POI 基础数据 * @apiVersion 4.0.0 * @apiParam {string} ipName POI名称 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.getMapIPData("L1001"); - * + * * @apiSuccessExample 返回示例 * { * shopNum:店铺编号, shopName:店铺名 node:导航点, floor:楼层编号, xaxis:中心点X坐标, yaxis:中心点Y坐标, borderColor:边框色, entColor:填充色 @@ -4166,13 +4170,13 @@ MainMap_QM.prototype = { * @apiParam {int} floor 楼层编号 * @apiParam {string} node 路径点位编号 * @apiParam {function} callBackFun 回调方法 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.pathNode({build:0, floor:2,node:"53"},callBackFun); - * + * */ pathNode: function (toObj, callBackFun) { if (!toObj) { @@ -4236,13 +4240,13 @@ MainMap_QM.prototype = { * @apiVersion 4.0.0 * @apiParam {int} floor 楼层编号 * @apiParam {string} node 路径点位编号 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.getGapByPathNode({floor:2,node:"53"}); - * + * * @apiSuccessExample {Object} dist 距离米数 time 步行时间 * { * dis:200,time:4 @@ -4267,9 +4271,9 @@ MainMap_QM.prototype = { * @apiDescription 获取所有Icon * @apiVersion 4.0.0 * @apiParam {int} floorOrder 楼层编号(默认 所有) - * + * * @apiSampleRequest off - * + * */ getAllIcon: function (floorOrder = -1, buildOrder = -1) { let icons = []; @@ -4329,13 +4333,13 @@ MainMap_QM.prototype = { * @apiDescription 获取车位导航点 * @apiVersion 4.0.0 * @apiParam {String} shopNum 车位编号 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.pathPark({shopNum:"B1002"}); - * + * * @apiSuccessExample 返回示例 * { * shopNum: 车位编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标 @@ -4351,13 +4355,13 @@ MainMap_QM.prototype = { * @apiDescription 通过店铺名称获取点位 * @apiVersion 4.0.0 * @apiParam {String} shopName 店铺名称 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.pathShopByName("金拱门"); - * + * * @apiSuccessExample 返回示例 * { * shopNum: 店铺编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标, comeIn:店铺多门点 @@ -4395,11 +4399,11 @@ MainMap_QM.prototype = { * @apiGroup 地图导航 * @apiDescription 通过店铺编号或车位获取导航点位 * @apiVersion 4.0.0 - * @apiParam {Object} object build,floor,shopNum 楼栋编号,楼层编号,店铺或车位编号 + * @apiParam {Object} object build,floor,shopNum 楼栋编号,楼层编号,店铺或车位编号 * @apiParam {String} type 店铺或车位标识 "shop" "park" - * + * * @apiSampleRequest off - * + * * @apiSuccessExample 返回示例 * { * shopNum: 店铺编号, node: 导航点, floor: 楼层编号, xaxis: 中心点X坐标, yaxis: 中心点Y坐标, comeIn:店铺多门点 @@ -4553,7 +4557,7 @@ MainMap_QM.prototype = { * @apiDescription 地图开始导航时触发 * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("InitPathOver",onInitPathOver,false); */ @@ -4750,7 +4754,7 @@ MainMap_QM.prototype = { * @apiDescription 地图导航过程中实时触发 * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("PathPlaying",onPathPlaying,false); */ @@ -4880,7 +4884,7 @@ MainMap_QM.prototype = { * @apiDescription 地图导航到达目标点时触发 * @apiVersion 4.0.0 * @apiSampleRequest off - * + * * @apiParamExample 请求示例 * Map_QM.addEventListener("PathPlayOver",onPathPlayOver,false); */ @@ -4975,9 +4979,9 @@ MainMap_QM.prototype = { * @apiGroup 地图导航 * @apiDescription 导航动画暂停/播放 * @apiVersion 4.0.0 - * + * * @apiSampleRequest off - * + * */ pathStop: function (isPlaying) { Map_QM.util.pathStateObj.isPathPlay = isPlaying === undefined ? !Map_QM.util.pathStateObj.isPathPlay : isPlaying; @@ -4988,9 +4992,9 @@ MainMap_QM.prototype = { * @apiGroup 地图导航 * @apiDescription 导航动画重播 * @apiVersion 4.0.0 - * + * * @apiSampleRequest off - * + * */ pathRePlay: function () { clearTimeout(Map_QM.util.timeObj.pathTime); @@ -5011,15 +5015,15 @@ MainMap_QM.prototype = { * @apiGroup 地图导航 * @apiDescription 导航切换扶梯模式 * @apiVersion 4.0.0 - * + * * @apiParam {function} callBack 回调函数 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.ChangePathByFt(function); - * + * */ ChangePathByFt: function (callBack) { clearTimeout(Map_QM.util.timeObj.pathTime); @@ -5043,15 +5047,15 @@ MainMap_QM.prototype = { * @apiGroup 地图导航 * @apiDescription 导航切换电梯模式 * @apiVersion 4.0.0 - * + * * @apiParam {function} callBack 回调函数 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.ChangePathByDt(function); - * + * */ ChangePathByDt: function (callBack) { clearTimeout(Map_QM.util.timeObj.pathTime); @@ -5075,15 +5079,15 @@ MainMap_QM.prototype = { * @apiGroup 地图导航 * @apiDescription 导航切换最佳模式 * @apiVersion 4.0.0 - * + * * @apiParam {function} callBack 回调函数 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.ChangePathByGood(function); - * + * */ ChangePathByGood: function (callBack) { clearTimeout(Map_QM.util.timeObj.pathTime); @@ -5115,14 +5119,14 @@ MainMap_QM.prototype = { * @apiGroup 地图交互 * @apiDescription 窗口变化 * @apiVersion 4.0.0 - * + * * @apiParam {int} width 窗口宽 * @apiParam {int} height 窗口高 - * + * * @apiSampleRequest off - * + * * @apiParamExample 请求示例 - * + * * Map_QM.changeWindowResize(1280,1080); */ changeWindowResize: function (width, height) { @@ -5147,7 +5151,7 @@ MainMap_QM.prototype = { * @apiGroup 地图数据 * @apiDescription 初始化地图赋值 Map_QM * @apiVersion 4.0.0 - * + * * @apiParam {function} callBack 初始化成功后的回调函数 * @apiParam {object} options 初始化对象 * @apiParam {int} options.build 设备所在楼栋编号 默认值6 @@ -5177,7 +5181,7 @@ MainMap_QM.prototype = { * * @apiSampleRequest off * @apiParamExample {String} 请求示例 - * + * * MainMap_QM.init(callBackLoadOver,{build : 0, floor : 3, navPoint : 7, angle : 0, perc_H : "-50%",containerId : "mapContainer"}); */ MainMap_QM.init = function (callBack, options) { @@ -5285,7 +5289,7 @@ FloorMap_QM.prototype = { obj.rotateY(Map_QM.util.modelArr[i].list[t].rot.y); obj.rotateZ(Map_QM.util.modelArr[i].list[t].rot.z); sopce.allObj.add(obj); - } + } }); } } @@ -5434,10 +5438,10 @@ FloorMap_QM.prototype = { this.addTagLabel(mapData.shopArea[i], { "node": mapData.shopArea[i].shopNav, "floor": this.floorOrder, "build": this.buildOrder }); } if (shopData[h].formatColor) { - entColor = parseInt(shopData[h].formatColor.replace("#", "0x"), 16); + entColor = shopData[h].formatColor; } if (shopData[h].borderColor) { - borderColor = parseInt(shopData[h].borderColor.replace("#", "0x"), 16); + borderColor = shopData[h].borderColor; } break; } @@ -6195,7 +6199,7 @@ MyModel_QM.prototype.MyPlaneShape = function (areaArr, howllowArr, opObj, entity color: entityColor, transparent: true, opacity: alphaModle, - + depthTest: true }); Map_QM.util.meshMaterialArr.push(meshMaterial); @@ -6257,7 +6261,7 @@ MyModel_QM.prototype.MyModelText = function (svgArea) { const mesh = new THREE.Mesh(geometry, meshMaterial); mesh.renderOrder = 50; mesh.name = svgArea.name || ""; - mesh.position.set(svgArea.width/-2, svgArea.height/-2, parseInt(svgArea.toHeight)+1); + mesh.position.set(svgArea.width / -2, svgArea.height / -2, parseInt(svgArea.toHeight)+1); group.add(mesh); } return group; diff --git a/src/App.vue b/src/App.vue index e977e7c..6dbb713 100644 --- a/src/App.vue +++ b/src/App.vue @@ -11,7 +11,8 @@ html, body, #app { overflow: hidden; - width: 1080px; - height: 1920px; + width: 1920px; + height: 1080px; + background: #f1f1f1; } diff --git a/src/assets/images/guide/area_emp.svg b/src/assets/images/guide/area_emp.svg new file mode 100644 index 0000000..28a51ee --- /dev/null +++ b/src/assets/images/guide/area_emp.svg @@ -0,0 +1,8 @@ + diff --git a/src/assets/images/guide/direction.svg b/src/assets/images/guide/direction.svg index 8f65887..38c82d1 100644 --- a/src/assets/images/guide/direction.svg +++ b/src/assets/images/guide/direction.svg @@ -1,4 +1,3 @@ -