[fix]知识图谱增加右键菜单 review by songym

Author: luoxiao-supermap

examples/leaflet/knowledgeGraphMap.html

@@ -10,14 +10,12 @@
     <script type="text/javascript" include="jquery" src="../js/include-web.js"></script>
     <style>
       body {
-        position: absolute;
-        top: 0;
         margin: 0;
         padding: 0;
         width: 100%;
-        height: 100%;
+        height: 100vh;
+        overflow: hidden;
       }
-
       #knowledgeGraph {
         width: 100%;
         height: 100%;

examples/mapboxgl/knowledgeGraphMap.html

@@ -10,12 +10,10 @@
     <script type="text/javascript" include="jquery" src="../js/include-web.js"></script>
     <style>
       body {
-        position: relative;
-        top: 0;
         margin: 0;
         padding: 0;
         width: 100%;
-        height: 100%;
+        height: 100vh;
         overflow: hidden;
       }
 
@@ -32,7 +30,7 @@
     <script type="text/javascript">
       var host = window.isLocal ? window.server : 'https://iserver.supermap.io';
       const graphmap = new mapboxgl.supermap.GraphMap(
-        host + '/iserver/services/knowledgeGraph-simple/restjsr/graph/graphmaps/图谱'
+        host + '/iserver/services/knowledgeGraph-sample/restjsr/graph/graphmaps/图谱'
       );
     </script>
   </body>

examples/maplibregl/knowledgeGraphMap.html

@@ -10,12 +10,10 @@
     <script type="text/javascript" include="jquery" src="../js/include-web.js"></script>
     <style>
       body {
-        position: relative;
-        top: 0;
         margin: 0;
         padding: 0;
         width: 100%;
-        height: 100%;
+        height: 100vh;
         overflow: hidden;
       }
 

examples/openlayers/knowledgeGraphMap.html

@@ -9,13 +9,12 @@
     <title data-i18n="resources.title_knowledgeGraphMap"></title>
     <script type="text/javascript" include="jquery" src="../js/include-web.js"></script>
     <style>
-     body {
-        position: absolute;
-        top: 0;
+      body {
         margin: 0;
         padding: 0;
         width: 100%;
-        height: 100%;
+        height: 100vh;
+        overflow: hidden;
       }
 
       #knowledgeGraph {
@@ -31,7 +30,7 @@
     <script type="text/javascript">
       var host = window.isLocal ? window.server : 'https://iserver.supermap.io';
       const graphmap = new ol.supermap.GraphMap(
-        host + '/iserver/services/knowledgeGraph-simple/restjsr/graph/graphmaps/图谱'
+        host + '/iserver/services/knowledgeGraph-simple/restjsr/graph/graphmaps/图谱',{}
       );
     </script>
   </body>

src/common/iServer/KnowledgeGraphService.js

@@ -46,6 +46,18 @@ export class KnowledgeGraphService extends CommonServiceBase {
     this.processAsync({ url, params, method: 'GET', callback });
   }
 
+  // /**
+  //  * @function KnowledgeGraphService.prototype.queryById
+  //  * @description 根据实体id查询关联节点。
+  //  * @param {string} id - 实体id。
+  //  * @param {RequestCallback} callback 回调函数。
+  //  */
+  // queryById(id, callback) {
+  //   const paramKey = 'cypherQuery';
+  //   const url = Util.urlAppend(this.url + '/query.json', `${paramKey}=match p=(n)-[]-(m) where id(n)=${id} return p;`);
+  //   this.processAsync({ url, method: 'GET', callback });
+  // }
+
   // /**
   //  * @function KnowledgeGraphService.prototype.getMetaData
   //  * @description 获取元信息（展示所有实体类型和关系类型。）
@@ -90,15 +102,32 @@ export class KnowledgeGraphService extends CommonServiceBase {
       return;
     }
     const queries = graphMap.dataContent.queries.query;
+    const expandQueries = this._getGraphMapExpandQuery(graphMap);
+    queries.push(...expandQueries);
     for (let j = 0; j < queries.length; j++) {
       const cypherQuery = queries[j];
       const res = await this._queryDataBySql(cypherQuery);
       data = data.concat([], res);
     }
-
     return { data, graphMap };
   }
 
+  /**
+   * @private
+   * @function KnowledgeGraphService.prototype._getGraphMapExpandQuery
+   * @description 获取graphMap图谱展开节点的query条件
+   * @param {Object} graphMap -将iServer GraphMap图谱服务的数据
+   * @param {Array.<string>} 查询条件
+   */
+  _getGraphMapExpandQuery(graphMap) {
+    const queries = [];
+    const expandIds = (graphMap.dataContent.expand && JSON.parse(graphMap.dataContent.expand)) || [];
+    expandIds.forEach((id) => {
+      queries.push(`match p=(n)-[]-(m) where id(n)=${id} return p;`);
+    });
+    return queries;
+  }
+
   // /**
   //  * @private
   //  * @function KnowledgeGraphService.prototype.getEntities