更改了x6群组

src/demo/index-tx.vue

@@ -88,9 +88,9 @@ export default {
       this.graph.getNodes().forEach((node) => {
         let mapPoint = node.store.data.mapPoint
         //由地理位置转换为屏幕位置
-        var lnglat = new TMap.LatLng(mapPoint.lat,mapPoint.lng)
+        var lnglat = new TMap.LatLng(mapPoint.lat, mapPoint.lng)
         var pixel = this.map.projectToContainer(lnglat);
-        let x6postion=this.graph.pageToLocal(pixel.round().x, pixel.round().y)
+        let x6postion = this.graph.pageToLocal(pixel.round().x, pixel.round().y)
         node.position(x6postion.x, x6postion.y);
 
       })
@@ -211,8 +211,8 @@ export default {
           center: new TMap.LatLng(39.984104, 116.307503),// 设置地图中心点坐标
           keyboardShortcuts: false, //设置禁止通过键盘控制地图。默认情况下启用键盘快捷键。
           scrollwheel: false,
-          scrollable:false,
-          doubleClickZoom:false
+          scrollable: false,
+          doubleClickZoom: false
         });
         var mapContainer = document.getElementById('container');
         var x6 = document.getElementsByClassName("x6-content");
@@ -265,8 +265,7 @@ export default {
         })
         this.map = map;
         this.map.on('pan', (e) => {
-this.onRender();
-          // console.log(this.dataNodes);
+          this.onRender();
 
         });
         this.map.on('dragend', (e) => {
@@ -492,8 +491,18 @@ this.onRender();
         // this.pixelToPoint(args.node, args.node.store.data.position)
       })
       this.graph.on('node:mouseup', (args) => {
+        const container = this.$refs.container
+        const ports = container.querySelectorAll(
+          '.x6-port-body',
+        )
+        console.log(ports);
+        this.graph.getNodes().forEach((node) => {
+          //let mapPoint = node.store.data.mapPoint
+          this.pixelToPoint(node, node.store.data.position)
+
+        })
         //将在容器的位置坐标转换为地图的地理坐标
-          this.pixelToPoint(args.node, args.node.store.data.position)
+        //this.pixelToPoint(args.node, args.node.store.data.position)
       })
       //画布平移
       // this.graph.on('translate', ({ tx, ty }) => {
@@ -745,9 +754,9 @@ this.onRender();
     pixelToPoint(node, position) {
       //x6转屏幕
       console.log(position);
-      let pmpostion=this.graph.localToPage(position.x, position.y);
+      let pmpostion = this.graph.localToPage(position.x, position.y);
       console.log(pmpostion);
-      let ePoint =this.map.unprojectFromContainer({x:pmpostion.x, y:pmpostion.y});
+      let ePoint = this.map.unprojectFromContainer({ x: pmpostion.x, y: pmpostion.y });
       console.log(ePoint)
       //let ePoint = this.map.containerToLngLat(new AMap.Pixel(position.x, position.y))
       //将数据记录到node中