<html lang="en">
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.5.0/css/ol.css" type="text/css">
<script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.5.0/build/ol.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<title>openlayers - dev-jhs</title>
</head>
<body>
<h2>오픈 레이어스 브이월드 마우스 클릭 포인트 벡터레이어 생성 에제</h2>
<div id="map" class="map" style="width:100%;height:80%;"></div>
<span id="textupdate"><span>
<script>
//브이월드 타일레이어 url 설정s
var source =new ol.source.XYZ({
url: 'http://xdworld.vworld.kr:8080/2d/Base/201802/{z}/{x}/{y}.png'
});
//타일레이어 생성하기
var viewLayer = new ol.layer.Tile({
source:source
});
//위치는 우리나라 중앙쯤(?)
var view = new ol.View({
center:[14248656.389982047, 4331624.063626864],
zoom:12,
});
var mapView = new ol.Map({
target:"map", // 지도를 생성할 element 객체의 id 값,
layers:[viewLayer], //생성한 레이어 추가,
view:view, //view 설정
});
$.ajax({
url:'./lib/csvTest.csv',
type:'get',
dataType:'text',
success:function(data){
var records = data.split("\n");
var lonIndx=0;
var latIndx=0;
//경위도 인덱스 찾기
for(var i=0;i<records.length;i++){
var parse = records[i].split(",");
for(var j=0;j<parse.length;j++){
if(parse[j]=="경도"){
lonIndx=j;
}
if(parse[j]=="위도"){
latIndx=j;
}
}
}
var lonArr=[];
var latArr=[];
var pointFeatureArr = [];
//포인트 객체 생성하기
for(var i=1;i<records.length;i++){
var record = records[i].split(",");
var lon= record[lonIndx];
var lat = record[latIndx];
//경위도 좌표를 EPSG:3857로 변경하기
var point4326 = [lon,lat];
var point3857 = ol.proj.transform(point4326,"EPSG:4326","EPSG:3857");
var point = new ol.geom.Point(point3857);
//point label 및 스타일 지정하기
var pointFeature = new ol.Feature(point);
pointFeature.setStyle(new ol.style.Style({
image: new ol.style.Circle({
radius: 8,
fill: new ol.style.Fill({color: 'blue'}),
}),
text:new ol.style.Text({
text:record[0],
offsetY:12
})
}))
pointFeatureArr.push(pointFeature);
console.log(point3857);
}
var pointSourceLayer = new ol.source.Vector({
features:pointFeatureArr
});
var pointVectorLayer = new ol.layer.Vector({
source:pointSourceLayer,
})
mapView.addLayer(pointVectorLayer);
mapView.getView().setCenter([14309209.0797486,4278704.08358673])
}
})
</script>
</body>
</html>
도서관명,시도명,시군구명,도서관유형,휴관일,평일운영시작시각,평일운영종료시각,토요일운영시작시각,토요일운영종료시각,공휴일운영시작시각,공휴일운영종료시각,열람좌석수,자료수(도서),자료수(연속간행물),자료수(비도서),대출가능권수,대출가능일수,소재지도로명주소,운영기관명,도서관전화번호,부지면적,건물면적,홈페이지주소,위도,경도,데이터기준일자
달서구립도원도서관,대구광역시,달서구,공공도서관,매주 월요일 및 법정공휴일,09:00,18:00,09:00,17:00,09:00,17:00,246,107060,32,4661,10,15,대구광역시 달서구 한실로 113(도원동),대구광역시 달서구청,053-667-4840,738,1230,http://www.dalseolib.kr,35.80679432,128.5390594,2021-03-31
달서어린이도서관,대구광역시,달서구,공공도서관,매주 금요일 및 법정공휴일,09:00,18:00,09:00,17:00,09:00,17:00,155,88474,18,2138,10,15,대구광역시 달서구 송현로 45(상인동),대구광역시 달서구청,053-667-4860,523.4,1380.24,http://www.dalseolib.kr,35.82248657,128.5470123,2021-03-31
달서구립성서도서관,대구광역시,달서구,공공도서관,매주 월요일 및 법정공휴일,09:00,20:00,09:00,17:00,09:00,17:00,301,98956,31,3094,10,15,대구광역시 달서구 선원남로 129(이곡동),대구광역시 달서구청,053-667-4900,821.9,1979.48,http://www.dalseolib.kr,35.85741306,128.5144577,2021-03-31
달서구립본리도서관,대구광역시,달서구,공공도서관,매주 금요일 및 법정공휴일,09:00,20:00,09:00,17:00,09:00,17:00,330,89736,40,1875,10,15,대구광역시 달서구 당산로 37-25(본리동),대구광역시 달서구청,053-667-4930,1302.7,2040.3,http://www.dalseolib.kr,35.84055483,128.5418122,2021-03-31
달서가족문화도서관,대구광역시,달서구,공공도서관,매주 월요일 및 법정공휴일,09:00,20:00,09:00,17:00,09:00,17:00,306,67153,32,931,10,15,대구광역시 달서구 조암남로 137(대천동),대구광역시 달서구청,053-667-4970,1988,2895.59,http://www.dalseolib.kr,35.81749038,128.5191878035,2021-03-31
달서영어도서관,대구광역시,달서구,공공도서관,매주 금요일 및 법정공휴일,09:00,20:00,09:00,17:00,09:00,17:00,119,26136,23,705,10,15,대구광역시 달서구 중흥로6길 10,대구광역시 달서구청,053-667-4950,494.9,927.73,http://www.dalseolib.kr,35.83126387,128.555219,2021-03-31
행정정보 문고센터,대구광역시,달서구,작은도서관,매주 토·일요일 및 법정공휴일,09:00,18:00,00:00,00:00,00:00,00:00,15,20586,14,0,5,15,대구광역시 달서구 학산로 45 (월성동 281),대구광역시 달서구청,053-667-4815,,111.6,,35.82991428,128.5328409,2021-03-31
죽전동 공립작은도서관,대구광역시,달서구,작은도서관,매주 토·일요일 및 법정공휴일,13:00,17:00,00:00,00:00,00:00,00:00,12,9163,3,0,5,15,대구광역시 달서구 와룡로54길 28 (죽전동 204-12),대구광역시 달서구 죽전동 주민센터,053-667-4214,,43.8,,35.85578734,128.5398014,2021-03-31
웃는얼굴아트센터 도서실,대구광역시,달서구,작은도서관,매주 일요일 및 법정공휴일,09:00,18:00,00:00,00:00,00:00,00:00,53,24476,4,724,5,15,대구광역시 달서구 문화회관길 160 (장기동 722-1),(재)달서문화재단,053-584-9274,,170,,35.84342427,128.5228246,2021-03-31