Commit @19e4e8eb00f9cde2cebf99dc382f7fa9f71733c9

youngsuk 2023-08-23

230823 서영석 히트맵 추가

@19e4e8eb00f9cde2cebf99dc382f7fa9f71733c9

4a6b6bb

19e4e8e

client/views/component/OpenLayers.vue

--- client/views/component/OpenLayers.vue

+++ client/views/component/OpenLayers.vue


 import { Cluster } from 'ol/source';
 import { fromExtent } from 'ol/geom/Polygon';
 import OSM from 'ol/source/OSM.js';
+import Stamen from 'ol/source/Stamen.js';
+import KML from 'ol/format/KML.js';
 
 
 // V월드 메인키

       headers: {
         'Content-Type': 'application/json; charset=UTF-8'
       },
-      data: { "dong_cd": dong_cd, "node_id": node_id },
+      data: { "dong_cd": dong_cd},
     }).then(function (response) {     
-      const tempfeatures = new GeoJSON().readFeatures(response.data);
- 
-      // const areaSize=response.data.features.area;
-      let layerSource = new VectorSource({});
-      if (geoType === vm.baseSource) {
-        layerSource = new VectorSource({
-          features: tempfeatures
-        });
-      } else {
-        tempfeatures.forEach(function (feature) {
-          // 좌표변환   
-          feature.getGeometry().transform(geoType, vm.baseSource);
-          layerSource.addFeature(feature)
-        });
-      }
-
-      const heatmapSource = new VectorSource({
-        source: layerSource,
+      console.log("url : ", sourceUrl);
+      console.log("addHeatmapLayer response : ", response.data);
+     
+      var heatfeature = new VectorSource({
+        features: new GeoJSON().readFeatures(response.data,{
+          dataProjection: "EPSG:5181",
+          featureProjection: "EPSG:5181"
+        })
       });
+    
+    const vector = new HeatmapLayer({
+      source: heatfeature,
+      blur: 50,
+      radius: 10,
+    
+      weight: function (feature) {
+        // Modify the weight function as needed
+        return 10;
+      },
+    });
 
-      const vector = new HeatmapLayer({
-        properties: { name: layerName },
-        source: heatmapSource,
-        blur: 50,
-        radius: 25,
-        weight: function (feature) {
-          const name = feature.get('name');
-          const magnitude = parseFloat(name.substr(2));
-          return magnitude - 5;
-        },
-      });
-      var layer = new TileLayer({ 
-        source: new OSM()  
-      });
-
-      vector.setZIndex(10);
-      vm.map.addLayer(layer);
-      vm.map.addLayer(vector);     
+    vector.setZIndex(10);
+    vm.map.addLayer(vector);
+    // vm.map.addLayer(raster);
+      
     }).catch(function (error) {
       console.log("error : ", error);
     });

           } else if (type == 'MultiPolygon') {
             return style
           } else if (type == 'MultiPolygonForAnalysis') {
-            if(feature.get('count')<feature.get('count')/4){
+            if (feature.get('count')<feature.get('count')/5){
+              style.getFill().setColor(`rgba(255, ${(250).toString()}, 0, 0.5)`);
+            }else if(feature.get('count')<feature.get('count')*2/5){
               style.getFill().setColor(`rgba(255, ${(180).toString()}, 0, 0.5)`);
-            }else if (feature.get('count')<feature.get('count')*2/4){
+            }else if (feature.get('count')<feature.get('count')*3/5){
               style.getFill().setColor(`rgba(255, ${(120).toString()}, 0, 0.5)`);
-            }else if (feature.get('count')<feature.get('count')*3/4){
+            }else if (feature.get('count')<feature.get('count')*4/5){
               style.getFill().setColor(`rgba(255, ${(60).toString()}, 0, 0.5)`);
             }else {
               style.getFill().setColor(`rgba(255, ${(0).toString()}, 0, 0.5)`);

4a6b6bb

19e4e8e

client/views/pages/Analysis/Analysis.vue

--- client/views/pages/Analysis/Analysis.vue

+++ client/views/pages/Analysis/Analysis.vue


       <div class="top flex gap">
         <button class="s-btn" @click="changeClusterLayer">클러스터</button>
         <button class="s-btn" @click="changeLayer">레이어</button>
-        <!-- <button class="s-btn" @click="changeHeatmapLayer">히트맵</button> -->
+        <button class="s-btn" @click="changeHeatmapLayer"  >히트맵</button>
       </div>
       <OpenLayers ref="open_layers" />
     </div>

         vm.rittrnVhcleCrosngTotalCnt=0;
         vm.troblOcrnCrosngTotalCnt=0;
         for(var i = 0 ; i<response.data.wtrmsCrosng.length; i++){
-          [response.data.wtrmsCrosng[i].lat,response.data.wtrmsCrosng[i].lon] = transform([response.data.wtrmsCrosng[i].lat,response.data.wtrmsCrosng[i].lon],"EPSG:5181","EPSG:4326"); ;
           vm.wtrmsCrosngTotalCnt+=response.data.wtrmsCrosng[i].count;
         }
         for(var i = 0 ; i<response.data.signExtn.length; i++){
-          [response.data.signExtn[i].lat,response.data.signExtn[i].lon] = transform([response.data.signExtn[i].lat,response.data.signExtn[i].lon],"EPSG:5181","EPSG:4326"); ;
           vm.signExtnCrosngTotalCnt+=response.data.signExtn[i].count;
         }
         for(var i = 0 ; i<response.data.rittrnVhcle.length; i++){
-          [response.data.rittrnVhcle[i].lat,response.data.rittrnVhcle[i].lon] = transform([response.data.rittrnVhcle[i].lat,response.data.rittrnVhcle[i].lon],"EPSG:5181","EPSG:4326"); ;
           vm.rittrnVhcleCrosngTotalCnt+=response.data.rittrnVhcle[i].count;
         }
         for(var i = 0 ; i<response.data.troblOcrn.length; i++){
-          [response.data.troblOcrn[i].lat,response.data.troblOcrn[i].lon] = transform([response.data.troblOcrn[i].lat,response.data.troblOcrn[i].lon],"EPSG:5181","EPSG:4326"); ;
           vm.troblOcrnCrosngTotalCnt+=response.data.troblOcrn[i].count;
         }
         vm.wtrmsCrosngSearchResult=response.data.wtrmsCrosng;

         } else if (this.layerCk) {
           this.$refs.open_layers.removeLayerAll();
           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
-          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonWtrmsCrosngLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonWtrmsCrosngLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);     
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonWtrmsCrosngAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
       }
       else if (this.itemsCk == 2) {

         }else if (this.layerCk) {
           this.$refs.open_layers.removeLayerAll();
           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
-          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonSignExtnLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonSignExtnLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);   
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonSignExtnAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
       }
       else if (this.itemsCk == 3) {
         if (this.clusterCk) {
           this.$refs.open_layers.removeLayerAll();
           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
-          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
           this.$refs.open_layers.addClusterLayerByUrl( "/common/getNodeGeoJsonRittrnVhcleAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }else if (this.layerCk) {
           this.$refs.open_layers.removeLayerAll();
           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
-          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonRittrnVhcleLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonRittrnVhcleLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);    
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonRittrnVhcleAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
       }
       else if (this.itemsCk == 4) {
         if (this.clusterCk) {
           this.$refs.open_layers.removeLayerAll();
           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
-          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
           this.$refs.open_layers.addClusterLayerByUrl( "/common/getNodeGeoJsonTroblOcrnAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }else if (this.layerCk) {
           this.$refs.open_layers.removeLayerAll();
           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
-          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonTroblOcrnLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonTroblOcrnLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonTroblOcrnAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
       }
     },

         } else if (this.layerCk) {
           this.$refs.open_layers.removeLayerAll();
           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
-          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonWtrmsCrosngLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonWtrmsCrosngLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);     
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonWtrmsCrosngAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
       }
       else if (this.itemsCk == 2) {

         }else if (this.layerCk) {
           this.$refs.open_layers.removeLayerAll();
           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
-          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonSignExtnLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonSignExtnLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);   
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonSignExtnAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
       }
       else if (this.itemsCk == 3) {
         if (this.clusterCk) {
           this.$refs.open_layers.removeLayerAll();
           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
-          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
           this.$refs.open_layers.addClusterLayerByUrl( "/common/getNodeGeoJsonRittrnVhcleAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }else if (this.layerCk) {
           this.$refs.open_layers.removeLayerAll();
           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
-          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonRittrnVhcleLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonRittrnVhcleLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);    
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonRittrnVhcleAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
       }
       else if (this.itemsCk == 4) {
         if (this.clusterCk) {
           this.$refs.open_layers.removeLayerAll();
           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
-          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
           this.$refs.open_layers.addClusterLayerByUrl( "/common/getNodeGeoJsonTroblOcrnAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }else if (this.layerCk) {
           this.$refs.open_layers.removeLayerAll();
           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
-          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonTroblOcrnLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonTroblOcrnLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonTroblOcrnAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
       }
     },

           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonWtrmsCrosngLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonWtrmsCrosngLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);     
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonWtrmsCrosngAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
       }
       else if (this.itemsCk == 2) {

           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonSignExtnLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonSignExtnLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);   
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonSignExtnAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
       }
       else if (this.itemsCk == 3) {

           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonRittrnVhcleLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonRittrnVhcleLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);    
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonRittrnVhcleAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
       }
       else if (this.itemsCk == 4) {

           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonTroblOcrnLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonTroblOcrnLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonTroblOcrnAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
       }
     },

           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonWtrmsCrosngLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonWtrmsCrosngLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);     
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonWtrmsCrosngAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
       }
       else if (this.itemsCk == 2) {

           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonSignExtnLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonSignExtnLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);   
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonSignExtnAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
       }
       else if (this.itemsCk == 3) {

           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonRittrnVhcleLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonRittrnVhcleLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);    
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonRittrnVhcleAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
       }
       else if (this.itemsCk == 4) {

           this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonTroblOcrnLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonTroblOcrnLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonTroblOcrnAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
       }
     },

       this.layerCk = false;
       //히트맵 체크
       this.heatmapCk = true;
+
+      if (this.itemsCk == 1) {
+        this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer);
+          this.$refs.open_layers.addVectorLayerRemoveAutoSizeByUrl("/common/getDongsPolygonGeoJson.json","multPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonWtrmsCrosngAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
+      }
+      if (this.itemsCk == 1) {
+        this.$refs.open_layers.removeLayerAll();
+        this.$refs.open_layers.setBaseMap(vworldBaseLayer);
+        this.$refs.open_layers.addVectorLayerRemoveAutoSizeByUrl("/common/getDongsPolygonGeoJson.json","multPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+        this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonWtrmsCrosngAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
+      }
+      //신호연장
+      if (this.itemsCk == 2) {
+        this.$refs.open_layers.removeLayerAll();
+        this.$refs.open_layers.setBaseMap(vworldBaseLayer);
+        this.$refs.open_layers.addVectorLayerRemoveAutoSizeByUrl("/common/getDongsPolygonGeoJson.json","multPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+        this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonSignExtnAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
+      } 
+      //우회전 차량
+      if (this.itemsCk == 3) {
+        this.$refs.open_layers.removeLayerAll();
+        this.$refs.open_layers.setBaseMap(vworldBaseLayer);
+        this.$refs.open_layers.addVectorLayerRemoveAutoSizeByUrl("/common/getDongsPolygonGeoJson.json","multPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+        this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonRittrnVhcleAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
+      } 
+      // 장애발생
+      if (this.itemsCk == 4) {
+        this.$refs.open_layers.removeLayerAll();
+        this.$refs.open_layers.setBaseMap(vworldBaseLayer);
+        this.$refs.open_layers.addVectorLayerRemoveAutoSizeByUrl("/common/getDongsPolygonGeoJson.json","multPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+        this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonTroblOcrnAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
+      } 
     },
     childMoveEnd() {},
     childClick() {},

           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonWtrmsCrosngLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonWtrmsCrosngLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);     
         } else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerRemoveAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonWtrmsCrosngAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
         this.searchResultState = "무단횡단 발생";
       } 

           this.$refs.open_layers.addVectorLayerRemoveAutoSizeByUrl("/common/getDongsPolygonGeoJson.json","multPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonSignExtnLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonSignExtnLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);   
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerRemoveAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonSignExtnAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
         this.searchResultState = "신호연장 발생";
       } 

           this.$refs.open_layers.addVectorLayerRemoveAutoSizeByUrl("/common/getDongsPolygonGeoJson.json","multPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonRittrnVhcleLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonRittrnVhcleLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);    
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerRemoveAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonRittrnVhcleAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
         this.searchResultState = "불법 우회전 발생";
       } 

           this.$refs.open_layers.addVectorLayerRemoveAutoSizeByUrl("/common/getDongsPolygonGeoJson.json","multPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
           this.$refs.open_layers.addLayerTypeLayer("/common/getPolygonGeoJsonTroblOcrnLayerTypeCntAnalysis.json","multiPolygonForAnalysis","EPSG:5181",baseStyles["MultiPolygonForAnalysis"],"MultiPolygonForAnalysis",this.address);
           this.$refs.open_layers.addLayerTypeLayer("/common/getGeoJsonTroblOcrnLayerTypeCntAnalysis.json","labelForAnalysis","EPSG:5181",baseStyles["labelForAnalysis"],"labelForAnalysis",this.address);
+        }else if (this.heatmapCk) {
+          this.$refs.open_layers.removeLayerAll();
+          this.$refs.open_layers.setBaseMap(vworldBaseLayer, event.target.value);
+          this.$refs.open_layers.addVectorLayerRemoveAutoSizeByUrl("/common/getDongsGeoJson.json","multiPolygonLayer","EPSG:5181",baseStyles["MultiPolygon"],"MultiPolygon",this.address.dong_cd);
+          this.$refs.open_layers.addHeatmapLayer( "/common/getNodeGeoJsonTroblOcrnAnalysis.json", "clusterLayer",  "EPSG:5181", baseStyles["clusterStyle"], "clusterStyle", this.address );
         }
         this.searchResultState = "장애발생";
       }

4a6b6bb

19e4e8e

client/views/pages/CrosswalkManagement/CrosswalkSearch.vue

--- client/views/pages/CrosswalkManagement/CrosswalkSearch.vue

+++ client/views/pages/CrosswalkManagement/CrosswalkSearch.vue


           vm.crosswalk.siDo_dong_cd = response.data.dong_cd.slice(0, 2);
           vm.crosswalk.guGun_dong_cd = response.data.dong_cd.slice(0, 5);
           vm.crosswalk.dong_dong_cd = response.data.dong_cd;         
-          let coordinate = transform(
-            [response.data.lon, response.data.lat],
-            "EPSG:4326",
-            "EPSG:5181"
-          );
-          vm.crosswalk.lat = coordinate[0];
-          vm.crosswalk.lon = coordinate[1];
-
+          // let coordinate = transform(
+          //   [response.data.lon, response.data.lat],
+          //   "EPSG:4326",
+          //   "EPSG:5181"
+          // );
+          // vm.crosswalk.lat = coordinate[0];
+          // vm.crosswalk.lon = coordinate[1];
+          vm.crosswalk.lat = response.data.lat;
+          vm.crosswalk.lon = response.data.lon;
           if (response.data.rittrn_tfclne_yn == "y") {
             vm.crosswalk.rittrn_tfclne_yn = true;
           } else {

       // this.$refs.open_layers.addVectorLayerRemoveAutoSizAddChildNodeCnteByUrl("/common/getDongsCenterAndChildNodeCntJson.json","nodeLayer", "EPSG:5181", baseStyles["labelStyle"], "label", this.$route.query.dong_cd, this.$route.query.node_id);
     } else {
       this.$refs.open_layers.addVectorLayerByUrl( "/common/getDongsGeoJson.json","multiPolygonLayer", "EPSG:5181", baseStyles["MultiPolygon"], "MultiPolygon", this.address.dong_cd);
-      this.$refs.open_layers.addVectorLayerRemoveAutoSizAddChildNodeCnteByUrl("/common/getDongsCenterAndChildNodeCntJson.json","nodeLayer", "EPSG:5181", baseStyles["labelStyle"], "label", this.address.dong_cd);
+      this.$refs.open_layers.addVectorLayerRemoveAutoSizAddChildNodeCnteByUrl("/common/getDongsCenterAndChildNodeCntJson.json","nodeLayer", "EPSG:5181", baseStyles["labelStyle"], "label", this.address);
     }
     // this.$refs.open_layers.dumpTroblLayer("/common/getDongsCenterAndChildNodeCntJson.json","troblLayer", "EPSG:5181", baseStyles["labelStyle"], "label", this.address.dong_cd);
   },

Add a comment

Open 0
Closed 0

List

...	...	@@ -25,6 +25,8 @@
25	25	import { Cluster } from 'ol/source';
26	26	import { fromExtent } from 'ol/geom/Polygon';
27	27	import OSM from 'ol/source/OSM.js';
	28	+import Stamen from 'ol/source/Stamen.js';
	29	+import KML from 'ol/format/KML.js';
28	30
29	31
30	32	// V월드 메인키
...	...	@@ -687,46 +689,33 @@
687	689	headers: {
688	690	'Content-Type': 'application/json; charset=UTF-8'
689	691	},
690		- data: { "dong_cd": dong_cd, "node_id": node_id },
	692	+ data: { "dong_cd": dong_cd},
691	693	}).then(function (response) {
692		- const tempfeatures = new GeoJSON().readFeatures(response.data);
693		-
694		- // const areaSize=response.data.features.area;
695		- let layerSource = new VectorSource({});
696		- if (geoType === vm.baseSource) {
697		- layerSource = new VectorSource({
698		- features: tempfeatures
699		- });
700		- } else {
701		- tempfeatures.forEach(function (feature) {
702		- // 좌표변환
703		- feature.getGeometry().transform(geoType, vm.baseSource);
704		- layerSource.addFeature(feature)
705		- });
706		- }
707		-
708		- const heatmapSource = new VectorSource({
709		- source: layerSource,
	694	+ console.log("url : ", sourceUrl);
	695	+ console.log("addHeatmapLayer response : ", response.data);
	696	+
	697	+ var heatfeature = new VectorSource({
	698	+ features: new GeoJSON().readFeatures(response.data,{
	699	+ dataProjection: "EPSG:5181",
	700	+ featureProjection: "EPSG:5181"
	701	+ })
710	702	});
	703	+
	704	+ const vector = new HeatmapLayer({
	705	+ source: heatfeature,
	706	+ blur: 50,
	707	+ radius: 10,
	708	+
	709	+ weight: function (feature) {
	710	+ // Modify the weight function as needed
	711	+ return 10;
	712	+ },
	713	+ });
711	714
712		- const vector = new HeatmapLayer({
713		- properties: { name: layerName },
714		- source: heatmapSource,
715		- blur: 50,
716		- radius: 25,
717		- weight: function (feature) {
718		- const name = feature.get('name');
719		- const magnitude = parseFloat(name.substr(2));
720		- return magnitude - 5;
721		- },
722		- });
723		- var layer = new TileLayer({
724		- source: new OSM()
725		- });
726		-
727		- vector.setZIndex(10);
728		- vm.map.addLayer(layer);
729		- vm.map.addLayer(vector);
	715	+ vector.setZIndex(10);
	716	+ vm.map.addLayer(vector);
	717	+ // vm.map.addLayer(raster);
	718	+
730	719	}).catch(function (error) {
731	720	console.log("error : ", error);
732	721	});
...	...	@@ -786,11 +775,13 @@
786	775	} else if (type == 'MultiPolygon') {
787	776	return style
788	777	} else if (type == 'MultiPolygonForAnalysis') {
789		- if(feature.get('count')<feature.get('count')/4){
	778	+ if (feature.get('count')<feature.get('count')/5){
	779	+ style.getFill().setColor(`rgba(255, ${(250).toString()}, 0, 0.5)`);
	780	+ }else if(feature.get('count')<feature.get('count')*2/5){
790	781	style.getFill().setColor(`rgba(255, ${(180).toString()}, 0, 0.5)`);
791		- }else if (feature.get('count')<feature.get('count')*2/4){
	782	+ }else if (feature.get('count')<feature.get('count')*3/5){
792	783	style.getFill().setColor(`rgba(255, ${(120).toString()}, 0, 0.5)`);
793		- }else if (feature.get('count')<feature.get('count')*3/4){
	784	+ }else if (feature.get('count')<feature.get('count')*4/5){
794	785	style.getFill().setColor(`rgba(255, ${(60).toString()}, 0, 0.5)`);
795	786	}else {
796	787	style.getFill().setColor(`rgba(255, ${(0).toString()}, 0, 0.5)`);

...	...	@@ -1233,14 +1233,15 @@
1233	1233	vm.crosswalk.siDo_dong_cd = response.data.dong_cd.slice(0, 2);
1234	1234	vm.crosswalk.guGun_dong_cd = response.data.dong_cd.slice(0, 5);
1235	1235	vm.crosswalk.dong_dong_cd = response.data.dong_cd;
1236		- let coordinate = transform(
1237		- [response.data.lon, response.data.lat],
1238		- "EPSG:4326",
1239		- "EPSG:5181"
1240		- );
1241		- vm.crosswalk.lat = coordinate[0];
1242		- vm.crosswalk.lon = coordinate[1];
1243		-
	1236	+ // let coordinate = transform(
	1237	+ // [response.data.lon, response.data.lat],
	1238	+ // "EPSG:4326",
	1239	+ // "EPSG:5181"
	1240	+ // );
	1241	+ // vm.crosswalk.lat = coordinate[0];
	1242	+ // vm.crosswalk.lon = coordinate[1];
	1243	+ vm.crosswalk.lat = response.data.lat;
	1244	+ vm.crosswalk.lon = response.data.lon;
1244	1245	if (response.data.rittrn_tfclne_yn == "y") {
1245	1246	vm.crosswalk.rittrn_tfclne_yn = true;
1246	1247	} else {
...	...	@@ -1384,7 +1385,7 @@
1384	1385	// this.$refs.open_layers.addVectorLayerRemoveAutoSizAddChildNodeCnteByUrl("/common/getDongsCenterAndChildNodeCntJson.json","nodeLayer", "EPSG:5181", baseStyles["labelStyle"], "label", this.$route.query.dong_cd, this.$route.query.node_id);
1385	1386	} else {
1386	1387	this.$refs.open_layers.addVectorLayerByUrl( "/common/getDongsGeoJson.json","multiPolygonLayer", "EPSG:5181", baseStyles["MultiPolygon"], "MultiPolygon", this.address.dong_cd);
1387		- this.$refs.open_layers.addVectorLayerRemoveAutoSizAddChildNodeCnteByUrl("/common/getDongsCenterAndChildNodeCntJson.json","nodeLayer", "EPSG:5181", baseStyles["labelStyle"], "label", this.address.dong_cd);
	1388	+ this.$refs.open_layers.addVectorLayerRemoveAutoSizAddChildNodeCnteByUrl("/common/getDongsCenterAndChildNodeCntJson.json","nodeLayer", "EPSG:5181", baseStyles["labelStyle"], "label", this.address);
1388	1389	}
1389	1390	// this.$refs.open_layers.dumpTroblLayer("/common/getDongsCenterAndChildNodeCntJson.json","troblLayer", "EPSG:5181", baseStyles["labelStyle"], "label", this.address.dong_cd);
1390	1391	},

Delete comment