|
|
@@ -81,7 +81,7 @@
|
|
|
|
|
|
<body>
|
|
|
<div style="width:100%;" class="header"></div>
|
|
|
- <div class="container">
|
|
|
+ <div class="container" style="position: relative;">
|
|
|
<div class="row">
|
|
|
<div class="col-sm-12">
|
|
|
<div class="model-container"
|
|
|
@@ -348,14 +348,14 @@
|
|
|
const div = document.createElement('div');
|
|
|
div.id = child.uuid;
|
|
|
let html = '';
|
|
|
- html += '<div class="building-box" style="width: 100px; top: -146px; left: -48px;">';
|
|
|
+ html += '<div class="building-box" style="width: 100px; top: 70px; left: -48px;">';
|
|
|
html += '<div class="building-text" style="background: #1D96E9;" onclick="handleClick()">';
|
|
|
html += '<span>1号楼</span><span style="font-size: 10px;">社保大厅、医保大厅</span>';
|
|
|
html += '</div>';
|
|
|
html += '<svg width="10" height="10"><polygon id="triangle" points="0,0 10,0 5,10" fill="#1D96E9"/></svg>';
|
|
|
html += '</div>';
|
|
|
- html += '<div class="building-line" style="border-left: 1px dashed #1D96E9; height: 100px; top: -102px;"></div>';
|
|
|
- html += '<div class="building-bottom" style="background: #1D96E9;"></div>';
|
|
|
+ html += '<div class="building-line" style="border-left: 1px dashed #1D96E9; height: 100px; top: 110px;"></div>';
|
|
|
+ // html += '<div class="building-bottom" style="background: #1D96E9;"></div>';
|
|
|
div.innerHTML = html;
|
|
|
let tag = new THREE.CSS2DObject(div);
|
|
|
child.add(tag);
|
|
|
@@ -371,15 +371,15 @@
|
|
|
const div = document.createElement('div');
|
|
|
div.id = child.uuid;
|
|
|
let html = '';
|
|
|
- html += '<div class="building-box" style="width: 100px; top: -146px; left: -48px;">';
|
|
|
+ html += '<div class="building-box" style="width: 100px; top: 28px; left: -48px;">';
|
|
|
html += '<i class="el-icon-thumb" style="animation:blink 1s infinite;">点我</i>';
|
|
|
html += '<div class="building-text" style="background: #1D96E9;">';
|
|
|
html += '<span>2号楼</span></span></span><span style="font-size: 10px;">南岸区政务服务中心</span>';
|
|
|
html += '</div>';
|
|
|
html += '<svg width="10" height="10"><polygon id="triangle" points="0,0 10,0 5,10" fill="#1D96E9"/></svg>';
|
|
|
html += '</div>';
|
|
|
- html += '<div class="building-line" style="border-left: 1px dashed #1D96E9; height: 100px; top: -102px;"></div>';
|
|
|
- html += '<div class="building-bottom" style="background: #1D96E9;"></div>';
|
|
|
+ html += '<div class="building-line" style="border-left: 1px dashed #1D96E9; height: 100px; top: 72px;"></div>';
|
|
|
+ // html += '<div class="building-bottom" style="background: #1D96E9;"></div>';
|
|
|
div.innerHTML = html;
|
|
|
let tag = new THREE.CSS2DObject(div);
|
|
|
child.add(tag);
|
|
|
@@ -394,14 +394,14 @@
|
|
|
const div = document.createElement('div');
|
|
|
div.id = child.uuid;
|
|
|
let html = '';
|
|
|
- html += '<div class="building-box" style="width: 50px; top: -133px; left: -23px;">';
|
|
|
+ html += '<div class="building-box" style="width: 50px; top: 73px; left: -23px;">';
|
|
|
html += '<div class="building-text" style="background: #1D96E9;">';
|
|
|
html += '<span>3号楼</span><span style="font-size: 10px;"></span>';
|
|
|
html += '</div>';
|
|
|
html += '<svg width="10" height="10"><polygon id="triangle" points="0,0 10,0 5,10" fill="#1D96E9"/></svg>';
|
|
|
html += '</div>';
|
|
|
- html += '<div class="building-line" style="border-left: 1px dashed #1D96E9; height: 100px; top: -102px;"></div>';
|
|
|
- html += '<div class="building-bottom" style="background: #1D96E9;"></div>';
|
|
|
+ html += '<div class="building-line" style="border-left: 1px dashed #1D96E9; height: 100px; top: 90px;"></div>';
|
|
|
+ // html += '<div class="building-bottom" style="background: #1D96E9;"></div>';
|
|
|
div.innerHTML = html;
|
|
|
let tag = new THREE.CSS2DObject(div);
|
|
|
child.add(tag);
|
|
|
@@ -412,7 +412,7 @@
|
|
|
div.id = child.uuid;
|
|
|
let html = '';
|
|
|
html += '<div class="building-box">';
|
|
|
- html += `<div class="text" style="top: -15px;left: 146px;position: absolute;display: flex;flex-direction: column;align-items: flex-start;color: #1A95EB;">
|
|
|
+ html += `<div class="text" style="top: -30px;left: 146px;position: absolute;display: flex;flex-direction: column;align-items: flex-start;color: #1A95EB;">
|
|
|
<span style="font-size: 18px;font-weight: bold;margin-bottom: 5px;">地铁6号线</span>
|
|
|
<span>邱家湾站2B出口</span>
|
|
|
<span>距离：800米</span>
|
|
|
@@ -424,7 +424,7 @@
|
|
|
html += '<svg width="10" height="10"><polygon id="triangle" points="0,0 10,0 5,10" fill="#18A65A"/></svg>';
|
|
|
html += '</div>';
|
|
|
html += '<div class="building-line"></div>';
|
|
|
- html += '<div class="building-bottom"></div>';
|
|
|
+ // html += '<div class="building-bottom"></div>';
|
|
|
div.innerHTML = html;
|
|
|
let tag = new THREE.CSS2DObject(div);
|
|
|
child.add(tag);
|
tangyao