api

map/css/main.css

@@ -150,6 +150,7 @@ html,
   border: none;
   text-align: left;
   clear: both;
+  position: relative;
 }
 #box2 {
   color: #fff;
@@ -181,6 +182,18 @@ html,
   top: 50%;
   transform: translateY(-50%);
 }
+#box1 #contant div.li span {
+  position: absolute;
+  line-height: 23px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+#box3 #contant div.li span {
+  position: absolute;
+  line-height: 23px;
+  top: 50%;
+  transform: translateY(-50%);
+}
 #box3 {
   color: #fff;
   width: 390px;
@@ -195,14 +208,15 @@ html,
 }
 #box3 #contant div.li {
   width: 80%;
-  height: 40px;
+  height: 52px;
   line-height: 17px;
   font-size: 18px;
   color: #dfe1e5;
-  margin: 0 auto;
+  margin: 4px auto;
   border: none;
   text-align: left;
   clear: both;
+  position: relative;
 }
 #box3 #contant div.li div {
   line-height: 52px;

map/index2.html

@@ -38,8 +38,8 @@
     <!-- <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> -->
     <script src="./js/jq.js"></script>
     <script src="./js/api.js"></script>
-    <!-- <script src="https://webapi.amap.com/maps?v=1.4.15&key=ee7327615de4d673c4e455a772da45fd&plugin=Map3D,AMap.DistrictSearch,ElasticMarker,AMap.MarkerClusterer"></script> -->
-    <script src="./js/amap.js?v=1.4.15&key=ee7327615de4d673c4e455a772da45fd&plugin=Map3D,AMap.DistrictSearch,ElasticMarker,AMap.MarkerClusterer"></script>
+    <script src="https://webapi.amap.com/maps?v=1.4.15&key=ee7327615de4d673c4e455a772da45fd&plugin=Map3D,AMap.DistrictSearch,ElasticMarker,AMap.MarkerClusterer"></script>
+    <!-- <script src="./js/amap.js?v=1.4.15&key=ee7327615de4d673c4e455a772da45fd&plugin=Map3D,AMap.DistrictSearch,ElasticMarker,AMap.MarkerClusterer"></script> -->
     <script src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
     <style>
       .amap-logo,

map/js/Map3D.js

@@ -137,25 +137,25 @@ class Map3D {
           <div id=title>信息员</div>
           <div id=contant>
             <div class=li>
-              <div>姓名</div>${item.NAME||'-'}
+              <div>姓名</div><span>${item.NAME||'-'}</span>
             </div>
             <div class=li>
-              <div>性别</div>${item.GENDER||'-'}
+              <div>性别</div><span>${item.GENDER||'-'}</span>
             </div>
             <div class=li>
-              <div>年龄</div>${item.AGE||'-'}
+              <div>年龄</div><span>${item.AGE||'-'}</span>
             </div>
             <div class=li>
-              <div>电话</div>${item.TELEPHONE||'-'}
+              <div>电话</div><span>${item.TELEPHONE||'-'}</span>
             </div>
             <div class=li>
-              <div>地址</div>${item.ADDRESS||'-'}
+              <div>地址</div><span>${item.ADDRESS||'-'}</span>
             </div>
             <div class=li>
-              <div>任职状态</div>${item.ISAPPOINT||'-'}
+              <div>任职状态</div><span>${item.ISAPPOINT||'-'}</span>
             </div>
             <div class=li>
-              <div>主管领导电话</div>${item.a||'-'}
+              <div>主管领导电话</div><span>${item.LEADERTEL||'-'}</span>
             </div>
           </div>
           <div id=close  onclick="popclose()"></div>
@@ -202,26 +202,26 @@ class Map3D {
         var lon = res.districtList[0].center.lng
         var lat = res.districtList[0].center.lat
         var html = `
-        <div id=box2>
+        <div id=box3>
           <div id=title>应急责任人</div>
           <div id=contant>
             <div class=li>
-              <div>姓名</div>${item.USERNAME||'-'}
+              <div>姓名</div><span>${item.USERNAME||'-'}</span>
             </div>
             <div class=li>
-              <div>邮箱</div>${item.a||'-'}
+              <div>邮箱</div><span>${item.EMAIL||'-'}</span>
             </div>
             <div class=li>
-              <div>年龄</div>${item.a||'-'}
+              <div>年龄</div><span>${item.AGE||'-'}</span>
             </div>
             <div class=li>
-              <div>电话</div>${item.MOBILE||'-'}
+              <div>电话</div><span>${item.MOBILE||'-'}</span>
             </div>
             <div class=li>
-              <div>地址</div>${(item.CITY+item.COUNTY)||'-'}
+              <div>地址</div><span>${(item.CITY+item.COUNTY)||'-'}</span>
             </div>
             <div class=li>
-              <div>职级</div>${item.a||'-'}
+              <div>职级</div><span>${item.DUTY||'-'}</span>
             </div>
           </div>
           <div id=close  onclick="popclose()"></div>
@@ -336,13 +336,13 @@ class Map3D {
               <div>安装地址</div><span>${item.CLIENTADDRESS||'-' }</span>
             </div>
             <div class=li>
-              <div>设备联系人</div><span>${item.a ||'-'}</span>
+              <div>设备联系人</div><span>${item.CLIENTPERSON ||'-'}</span>
             </div>
             <div class=li>
-              <div>联系电话</div><span>${item.a ||'-'}</span>
+              <div>联系电话</div><span>${item.CLIENTTEL ||'-'}</span>
             </div>
             <div class=li>
-              <div>厂商</div><span>${item.a ||'-'}</span>
+              <div>厂商</div><span>${item.FACTORYNAME ||'-'}</span>
             </div>
           </div>
           <div id=close  onclick="popclose()"></div>