본문 바로가기
728x90
반응형

IT 개발/OpenLayers13

openLayers Vworld / EPSG : 3857 관련 Vworld - Vworld는 EPSG:3857 좌표계를 사용 - 다른 좌표계를 사용한다면 지도가 눌리는 현상이 발생할 수 있음. EPSG : 4326이 아닌 다른 좌표계를 사용한다면 두가지 방법을 사용할 수 있다. 1) 클라이언트에서 (ol.geom.POINT([127.0150, 37.5300 ]).transform("EPSG:4326", "EPSG:3857");) transform을 사용하여 EPSG : 4326 좌표계를 EPSG : 3857 좌표계로 변경한다. var mapProjection = "EPSG:3857"; var dataProjection = "EPSG:4326"; $(window).load(function() { //모든 include 되는 프레임들과 object들, 이미지까지 로드된.. 2019. 12. 23.
OpenLayers (하나의 마커 띄우기) * 하나의 마커 띄우기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 //상세페이지 지도 띄우기 function map(data){ $("#article_map").html(""); var iconFeature = new ol.Feature({ geometry : new ol.geom.Point([data.wgs84_lon, data.wgs84_lat]), name : data.spot_nm + " 관측소", population : 4000, rainfall : 500 }); var vectorSource = new ol.source.Vector({ features.. 2019. 9. 1.
OpenLayers (지도 띄우기) * OpenLayers - 웹 지도 서비스를 위한 라이브러리 - 지도를 표현하고 조작 가능. * OSM - 오픈 스트리트 맵 - 오픈 소스방식의 참여형 무료 지도 서비스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 var map = new ol.Map({ target : 'map', layers : [new ol.layer.Tile ({ source : new ol.source.OSM() })]; view : new ol.View ({ projection : 'EPSG:4326', center : [경도, 위도], ==> ex) [127.1698, 37.7617], zoom : 15 }) }); http://colorscripter.com/info#e".. 2019. 8. 14.
728x90
반응형