목록openlayers (3)

Map 개발자의 길

multiple popup in openlayers (다중팝업)

기능 구현에 앞서서 OpenLayers의 Popup(tooltip)은 기본 예제 따라하면 단일 팝업으로만 작성 가능하다. 본 개발자의 클라이언트는 여러 정보를 한번에 보고싶어하심.... 하...제발...... 1. OepnLayers Multiple Popup 단순하게 코드 구현 //맵 클릭 이벤트 map.on('singleclick', function(evt) { var coordinate = evt.coordinate; var hdms = ol.coordinate.toStringHDMS(ol.proj.transform(coordinate, 'EPSG:3857', 'EPSG:4326')); // 툴팁 DIV 생성 let element = document.createElement("div"); eleme..
Openlayers 2022. 9. 15. 12:29
Geoserver + Openlayers CORS 설정방법

1. Tomcat 에서 제공하는 Filter 적용 http://tomcat.apache.org/ Apache Tomcat® - Welcome! The Apache Tomcat® software is an open source implementation of the Java Servlet, JavaServer Pages, Java Expression Language and Java WebSocket technologies. The Java Servlet, JavaServer Pages, Java Expression Language and Java WebSocket specifications ar tomcat.apache.org 1). Tomcat 홈페이지 접속후 사용자에 맞는 버전의 Documentatio..
Geoserver 2020. 6. 4. 15:24
DeckGL + xyz URL 요청

1. 사용 이유 - mapbox, google 지도를 제외하고 기타 지도를 DeckGl 에서 서비스 필요시 - 무료 라이브러리 만으로 작업을 원하는 경우 2. 코드 import {TileLayer as deckTileLayer} from '@deck.gl/geo-layers'; import {load} from '@loaders.gl/core'; import {Deck} from '@deck.gl/core'; import {BitmapLayer} from '@deck.gl/layers'; 3. 결과 화면 4. 목적 나와 같이 삽질 하는 사람이 없었으면 ............
DeckGL 2020. 2. 20. 10:31
이전 Prev 1 Next 다음