超图

zhsq_qk-admin/src/main/java/zhsq_qk/web/controller/system/SysConfigController.java

@@ -14,7 +14,10 @@ import zhsq_qk.system.domain.SysConfig;
 import zhsq_qk.system.service.ISysConfigService;
 
 import javax.servlet.http.HttpServletResponse;
+import java.util.Arrays;
+import java.util.HashMap;
 import java.util.List;
+import java.util.Map;
 
 /**
  * 参数配置 信息操作处理
@@ -113,4 +116,21 @@ public class SysConfigController extends BaseController {
         configService.resetConfigCache();
         return success();
     }
+
+
+    /**
+     * 获取超图服务信息
+     */
+    @Log(title = "获取超图服务信息", businessType = BusinessType.OTHER)
+    @GetMapping("/getSuperMap")
+    public AjaxResult getSuperMap() {
+        List<String> keys = Arrays.asList("superMapIServer","superMapIServerJilinshengAndQikaiMap", "superMapIServerJiedaoshequMap", "superMapIServerQiKaiQuMapCenterPoint", "superMapIServerJiedaoshequData");
+        Map<String, String> resultMap = new HashMap<>();
+        for (String key : keys) {
+            resultMap.put(key, configService.selectConfigByKey(key));
+        }
+        resultMap.put("layerId","qikaiquanqu");
+        resultMap.put("zoom","12");
+        return AjaxResult.success(resultMap);
+    }
 }

zhsq_qk-ui/public/index.html

@@ -5,7 +5,17 @@
   <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
   <meta content="webkit" name="renderer">
   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
-  <link href="<%= BASE_URL %>favicon.ico" rel="icon">
+  <link href="<%= BASE_URL %>favicon.ico" rel="icon" />
+  <script type="text/javascript"
+          include="leaflet,leaflet.sidebyside,iclient-leaflet,iclient-plot-leaflet,leaflet.draw,leaflet.markercluster,leaflet.heat"
+          src="./supermap/dist/leaflet/include-leaflet.js"></script>
+  <script type="text/javascript" include="bootstrap,plottingPanel,fileupLoad,widgets.alert"
+          src="./supermap/examples/js/include-web.js"></script>
+  <script type="text/javascript" include="iclient-classic" src="./supermap/dist/classic/include-classic.js"></script>
+  <script type="text/javascript" src="./supermap/libs/plotting/leaflet/10.2.1/iclient-plot-leaflet-es6.min.js"></script>
+  <script type="text/javascript" include="PlotPanel,StylePanel,SMLInfosPanel,iPortalStylePanel"
+          src="./supermap/examples/js/plottingPanel/PlottingPanel.Include.js"></script>
+  <link rel="stylesheet" href="" />
   <title><%= webpackConfig.name %></title>
   <!--[if lt IE 11]>
   <script>window.location.href = '/html/ie.html';</script><![endif]-->

zhsq_qk-ui/src/views/fusion/sprh.vue

@@ -1,12 +1,12 @@
 <template>
   <div>
     <div class="map">
-      <img src="@/assets/images/sprh-map.png" />
+      <supermap ref="supermap" style="height: 100%;width: 100%;position: absolute;z-index: 0;"></supermap>
     </div>
     <!-- 阴影背景 -->
-    <div class="bj_left"><img src="@/assets/images/sprhbj-left.png" /></div>
-    <div class="bj_right"><img src="@/assets/images/sprhbj-right.png" /></div>
-    <div class="bj_bottom"><img src="@/assets/images/sprhbj-bottom.png" /></div>
+    <div class="bj_left"><img src="@/assets/images/sprhbj-left.png"/></div>
+    <div class="bj_right"><img src="@/assets/images/sprhbj-right.png"/></div>
+    <div class="bj_bottom"><img src="@/assets/images/sprhbj-bottom.png"/></div>
     <!--头部开始-->
     <div class="header">
       <h1>城市运行一网统管指挥中心</h1>
@@ -117,7 +117,7 @@
           </div>
         </div>
         <div class="nav-home-middle" @click="homePage('weather')">
-          <img src="@/assets/images/home-btn.png" />
+          <img src="@/assets/images/home-btn.png"/>
           <a>返回首页</a>
         </div>
         <div class="nav-bottom-right">
@@ -148,17 +148,20 @@ import "@/assets/images/qkq_body.css";
 import "@/assets/images/qkq_index.css";
 import "@/assets/images/qkq_sprh.css";
 import {getCameraList} from "@/api/system/camera";
-
+import supermap from "@/views/supermap/supermap";
 
 
 export default {
   name: "sprh",
+  components:{
+    supermap
+  },
   data() {
     return {
       dropdownVisible: false,
       cameras: []
     };
-      // 可根据实际情况添加更多设备列表
+    // 可根据实际情况添加更多设备列表
   },
   created() {
   },
@@ -530,14 +533,14 @@ export default {
 };
 
 // import '@/assets/images/TL_Tab.js';
-(function($){
-  $.fn.TL_Tab = function(options) {
+(function ($) {
+  $.fn.TL_Tab = function (options) {
     var defaults = {
-      tab : ".df_67 ol li",
-      box : ".df_67 ul li",
-      events : "over",
-      num : 3,
-      speed : 300
+      tab: ".df_67 ol li",
+      box: ".df_67 ul li",
+      events: "over",
+      num: 3,
+      speed: 300
     };
     var setting = $.extend(defaults, options);
 
@@ -589,8 +592,8 @@ export default {
 
 
 // import '@/assets/images/leftnav.js';
-$(function() {
-  var Accordion = function(el, multiple) {
+$(function () {
+  var Accordion = function (el, multiple) {
     this.el = el || {};
     this.multiple = multiple || false;
 
@@ -600,7 +603,7 @@ $(function() {
     links.on('click', {el: this.el, multiple: this.multiple}, this.dropdown)
   };
 
-  Accordion.prototype.dropdown = function(e) {
+  Accordion.prototype.dropdown = function (e) {
     var $el = e.data.el;
     let $this = $(this);
     let $next = $this.next();
@@ -620,7 +623,7 @@ $(function() {
 });
 
 //切换单屏电视墙
-$(function() {
+$(function () {
   $(this.$el).find('.facility_tab .div_tab a').TL_Tab({
     tab: ".facility_tab .div_tab a",
     box: ".facility_tab .tab_cont",
@@ -631,8 +634,6 @@ $(function() {
 });
 
 
-
-
 </script>
 
 <style>