[ Openlayers ] geojson으둜 λ ˆμ΄μ–΄ ν‘œμΆœν•˜κΈ°( ol6 κΈ°μ€€ )

geojson νŒŒμΌμ„ 읽어듀여 λ²‘ν„°λ ˆμ΄μ–΄λ‘œ μƒμ„±ν•˜κ³  ν‘œμΆœν•˜λŠ” μ½”λ“œ μž…λ‹ˆλ‹€. ν…ŒμŠ€νŠΈμš© μ„œμšΈμ‹œ 행정ꡬ역 geojson 데이터도 ν•¨κ»˜ μ˜¬λ €λ‘μ—ˆμŠ΅λ‹ˆλ‹€. var vectorSource = new ol.source.Vector({ url:"./geojson/seoulHD.geojson", //geojson 파일 format: new ol.format.GeoJSON() }); var vectorLayer = new ol.layer.Vector({ source: vectorSource, style: new ol.style.Style({ // fill: new ol.style.Fill({ // color: "rgba(255,255,0,0.3)", // }), stroke: new ol.style.Stroke({ colo..
β†˜ Programming/β”— GIS 2023. 3. 21. 13:19
[ Openlayers ] μ˜€ν”ˆλ ˆμ΄μ–΄μŠ€μ—μ„œ μ’Œν‘œκ³„ λ³€ν™˜μ΄ μ•ˆλ˜λŠ” 경우( ol6 κΈ°μ€€ )

λ‹€μŒμ˜ κ²½μš°λŠ” 5179μ’Œν‘œκ³„λ₯Ό μ‚¬μš©ν•˜λŠ” geojson을 읽어듀여 μ’Œν‘œκ³„ λ³€ν™˜μ„ ν•˜λŠ” κ²½μš°μ΄λ‹€. var vectorSource = new ol.source.Vector({ format: new ol.format.GeoJSON(), loader: function (extent) { const url = "./geojson/seoulHD.geojson";//5179 fetch(url) .then((response) => response.json()) .then((data) => { const features = vectorSource.getFormat().readFeatures(data); console.log("λ³€ν™˜μ „ - ",features[0].getGeometry().getCoordinates()[0][..
β†˜ Programming/β”— GIS 2023. 3. 21. 11:19
[ Openlayers ] openlayers μœ„μ— vworld 배경지도 μ‚¬μš©ν•˜κΈ°

My Map
μΉ΄ν…Œκ³ λ¦¬ μ—†μŒ 2020. 3. 25. 00:09
[ GIS ] geoserver - μ„œλ²„ κ΅¬μΆ•ν•˜κΈ°

잠깐 ! javaκ°€ μ„€μΉ˜λ˜μ–΄ μžˆμ–΄μ•Όν•©λ‹ˆλ‹€. GeoServer μ—μ„œλŠ” Java 8 ν™˜κ²½μ—μ„œ λŒμ•„κ°‘λ‹ˆλ‹€. 1. μ•„λž˜ μ‚¬μ΄νŠΈλ‘œ μ ‘μ†ν•΄μ„œ 'window installer' λ₯Ό λ‹€μš΄λ‘œλ“œ ν•΄μ€λ‹ˆλ‹€. http://geoserver.org/release/2.15.0/ λΆˆλŸ¬μ˜€λŠ” μ€‘μž…λ‹ˆλ‹€... 2. geoserver μ„€μΉ˜ 'Next' 클릭 ' I Agree ' 클릭.. ' Next ' 클릭.... ' Next ' 클릭..... ' Next ' 클릭...... 기쑴에 2.14버전이 μ„€μΉ˜κ°€ λ˜μ–΄ μžˆμ—ˆλ˜μ§€λΌ Exsiting data directory 에 κ²½λ‘œκ°€ ν‘œμ‹œλ˜ μžˆλ„€μš” ' Next ' 클릭....... geoserver κ΄€λ¦¬μž 계정을 μ„€μ •ν•΄μ€λ‹ˆλ‹€. 그리고 ' Next ' 클릭........ geoserver μ—μ„œ μ‚¬μš©λ  ..
β†˜ Programming/β”— GIS 2020. 3. 24. 23:43
1