Commit @166739b049553f17af5767a19e08cd713b788e10

김성원 2023-06-21

오픈레이어 모듈 개발중

@166739b049553f17af5767a19e08cd713b788e10

166739b

client/views/component/OpenLayersIcon.vue (added)

+++ client/views/component/OpenLayersIcon.vue

...	...	@@ -0,0 +1,4 @@
	1	+<script>
	2	+
	3	+
	4	+</script>

5a17853

166739b

client/views/pages/CrosswalkManagement/CrosswalkInsert.vue

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

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


     var vm = this;
     // 지도 초기화 
     this.$refs.open_layers.setBaseMap(vworldBaseLayer);    
-     this.$refs.open_layers.addVectorLayerByUrl('/testDongGeoJson.json','testMap','EPSG:4326', baseStyles['labelStyle'],'label');    
+     //this.$refs.open_layers.addVectorLayerByUrl('/testDongGeoJson.json','testMap','EPSG:4326', baseStyles['labelStyle'],'label');    
+     this.$refs.open_layers.addVectorLayerByUrl('/testDongGeoJson2.json','testMap','EPSG:5181', baseStyles['MultiPolygon'],'MultiPolygon'); 
 
   },
 };

5a17853

166739b

package-lock.json

--- package-lock.json

+++ package-lock.json

...	...	@@ -7,6 +7,7 @@
7	7	"dependencies": {
8	8	"@babel/cli": "7.19.3",
9	9	"@babel/core": "7.19.3",
	10	+ "@types/proj4": "^2.5.2",
10	11	"@vue-leaflet/vue-leaflet": "github:vue-leaflet/vue-leaflet",
11	12	"axios": "^1.3.4",
12	13	"babel-loader": "8.2.5",
...	...	@@ -19,6 +20,7 @@
19	20	"new-line": "^1.1.1",
20	21	"ol": "^7.4.0",
21	22	"pg": "8.8.0",
	23	+ "proj4": "^2.9.0",
22	24	"url-loader": "4.1.1",
23	25	"vue": "3.2.40",
24	26	"vue-loader": "^17.0.0",
...	...	@@ -2090,6 +2092,11 @@
2090	2092	"version": "18.11.2",
2091	2093	"resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.2.tgz",
2092	2094	"integrity": "sha512-BWN3M23gLO2jVG8g/XHIRFWiiV4/GckeFIqbU/C4V3xpoBBWSMk4OZomouN0wCkfQFPqgZikyLr7DOYDysIkkw=="
	2095	+ },
	2096	+ "node_modules/@types/proj4": {
	2097	+ "version": "2.5.2",
	2098	+ "resolved": "https://registry.npmjs.org/@types/proj4/-/proj4-2.5.2.tgz",
	2099	+ "integrity": "sha512-/Nmfn9p08yaYw6xo5f2b0L+2oHk2kZeOkp5v+4VCeNfq+ETlLQbmHmC97/pjDIEZy8jxwz7pdPpwNzDHM5cuJw=="
2093	2100	},
2094	2101	"node_modules/@types/raf": {
2095	2102	"version": "3.4.0",
...	...	@@ -7625,6 +7632,11 @@
7625	7632	"resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.2.tgz",
7626	7633	"integrity": "sha512-BWN3M23gLO2jVG8g/XHIRFWiiV4/GckeFIqbU/C4V3xpoBBWSMk4OZomouN0wCkfQFPqgZikyLr7DOYDysIkkw=="
7627	7634	},
	7635	+ "@types/proj4": {
	7636	+ "version": "2.5.2",
	7637	+ "resolved": "https://registry.npmjs.org/@types/proj4/-/proj4-2.5.2.tgz",
	7638	+ "integrity": "sha512-/Nmfn9p08yaYw6xo5f2b0L+2oHk2kZeOkp5v+4VCeNfq+ETlLQbmHmC97/pjDIEZy8jxwz7pdPpwNzDHM5cuJw=="
	7639	+ },
7628	7640	"@types/raf": {
7629	7641	"version": "3.4.0",
7630	7642	"resolved": "https://registry.npmjs.org/@types/raf/-/raf-3.4.0.tgz",

5a17853

166739b

package.json

--- package.json

+++ package.json

...	...	@@ -2,6 +2,7 @@
2	2	"dependencies": {
3	3	"@babel/cli": "7.19.3",
4	4	"@babel/core": "7.19.3",
	5	+ "@types/proj4": "^2.5.2",
5	6	"@vue-leaflet/vue-leaflet": "github:vue-leaflet/vue-leaflet",
6	7	"axios": "^1.3.4",
7	8	"babel-loader": "8.2.5",
...	...	@@ -14,6 +15,7 @@
14	15	"new-line": "^1.1.1",
15	16	"ol": "^7.4.0",
16	17	"pg": "8.8.0",
	18	+ "proj4": "^2.9.0",
17	19	"url-loader": "4.1.1",
18	20	"vue": "3.2.40",
19	21	"vue-loader": "^17.0.0",

Add a comment

Open 0
Closed 0

List

...	...	@@ -430,7 +430,8 @@
430	430	var vm = this;
431	431	// 지도 초기화
432	432	this.$refs.open_layers.setBaseMap(vworldBaseLayer);
433		- this.$refs.open_layers.addVectorLayerByUrl('/testDongGeoJson.json','testMap','EPSG:4326', baseStyles['labelStyle'],'label');
	433	+ //this.$refs.open_layers.addVectorLayerByUrl('/testDongGeoJson.json','testMap','EPSG:4326', baseStyles['labelStyle'],'label');
	434	+ this.$refs.open_layers.addVectorLayerByUrl('/testDongGeoJson2.json','testMap','EPSG:5181', baseStyles['MultiPolygon'],'MultiPolygon');
434	435
435	436	},
436	437	};

Delete comment