[IDEA] 필요한 것

[cs09g]

배치도 배경을 위해 필요한 것

• 도면 이미지
• 이미지를 타일링(image → mbtiles)
• 타일 서빙(mbtiles → tileserver → pbf)
• style 스펙 생성
• 타일 렌더링(mapbox-gl-js 1.13.2)

좌석 배치를 위해 필요한 것

• 그리기 도구

[gseok]

wmts 스펙으로 만들수 있는지? 없는지? 관련 내용 공부 필요.

원본 image (png or svg) -> pbf 가 되는 중간 단계 부분이 깜깜이...ㅜ.ㅜ.

[gseok]

wmts 형태의 타일을 생성해주는 타일 생성 서버가 필요합니다.

• 일단 local에서는 아래 git의 서버를 독립적으로 수행한다고 가정합니다.
• https://github.com/maptiler/tileserver-gl
• 코드에서는, 다른쪽 git임으로 submodule형태로 가져오거나 or 별도 dir에 code을 넣어서 관리하는 형태로 가져갑니다.

[gseok]

조사

• qgis 에 map-box map - https://docs.mapbox.com/help/tutorials/mapbox-arcgis-qgis/#add-your-map-in-qgis
• map tiler* - https://www.maptiler.com/desktop/
  • 여러 버전으로 타일링 해주는 서버(툴) 인듯
  • 무료 버전 있음
  • 일단 설명상으로는 Image -> MBTile 만드는게 있는듯.
  • 
• QGIS* - https://www.qgis.org/en/site/index.html
  • open source project
  • 다양한 툴 제공
  • 최종적으로 wmts등을 만들 수 있는 것으로 보임 - 더 자세한건 더 살펴봐야 할듯
• 이미지로 web map 만들기 - http://xavierraffin.com/2016/12/17/Custom-webmap-from-multiple-images/
  • 크게 되움은 안됨.
• WMTS 표준 관련 문서
  • https://www.ogc.org/standards/wmts
  • http://docs.opengeospatial.org/is/13-082r2/13-082r2.html
  • http://docs.opengeospatial.org/is/17-083r2/17-083r2.html
  • 강의?
  • http://opengeospatial.github.io/e-learning/visualization-standards/basic-index.html
• image로 tile? 만들기?
  • https://gis.stackexchange.com/questions/15889/how-to-create-a-wms-service-to-display-a-geo-reference-image
• 이건 벡터로 wmts떨구는건 아니고. 그냥 single 이미지를 back 으로 까는거....ㅜ.ㅜ.
  • https://openlayers.org/en/latest/examples/wms-image.html

[gseok]

또다른 아이디어

• 일단 벡터 타일? 이 뭔지 부터 다시 생각.
  • https://docs.mapbox.com/help/glossary/tileset/#vector-tilesets
• 그냥 우리가 '폴리라인'으로 사각형 그린다고 하면 geojson으로 표현 가능 (임의의 좌표 4개면 됨!)
• 그렇다면... 어떤map fw을쓰건(openlayer, mapbox, etc....) 맨아래 배경은 흰색 or 투명 or 아무것도 없고
• 그냥 geojson형태로 정의한 "vector" data로 -> layer을 그리면 -> 사실상 vector 타일 효과 아닌가? (실제는 타일은 아니고, "폴리라인")
  • 이거 확대해서, 이런 벡터 데이터로 tile을 만들어주면 그건 벡터 타일...
  • 참고: mapbox vector tile - https://docs.mapbox.com/api/maps/vector-tiles/
  • 참고: 가격정책
    • 
    • 한달 20만건까지는 공짜..
    • 우리는 api공짜로 쓰고 리턴값을 싹다 저장(DB?)해서 쓰면 이후로 공짜 아닌가???
• 꼭 geojson이 아니여도 (GeoJSON, Shapefile, KML, or GPX files) 형태가 vector형태...
  • Shapefile: https://en.wikipedia.org/wiki/Shapefile
  • KML: https://developers.google.com/kml/documentation/kmlreference

---

아주 간단한 형태 정도만, 직접 수동으로 GeoJSON 데이터를 직접 구축 해서 해보기????? e.g)

---

우리가 힘든 이유..

• 원본은 image
• 해당 원본 (svg,png, jpg .....)을 -> vector data로 자동(tool? )로 뽑는거... !!! <- 이게 어려움....
  • 자동으로 뽑아져야 -> 차후에 image(원본)이 바뀔때 -> 자동으로 vector data 생성이 가능
  • 일단 시도해볼만한거 map tiler* - maptiler.com/desktop

---

추가적인 아이디어...

• 원본 image가 svg 면 이미 vector 표현임.
• 그럼 svg을 어떤 common한 형태의 (GeoJSON, Shapefile, KML, or GPX files) 변환 해주는 tool 만 찾으면????!?!??
  • 있어보임!!!(희망적!!!!) - https://mygeodata.cloud/converter/svg-to-geojson
  • https://labs.mapbox.com/svg-to-geojson/
    • 위에 네이버 지하철 svg넣으면 뭔가 나옴 !!
• .osm -> .svg 도 있음
  • https://gis.stackexchange.com/questions/305878/transforming-osm-file-into-a-svg-file-with-an-equivalent-geometry-without-app
  • https://products.aspose.app/gis/viewer
  • osm - https://wiki.openstreetmap.org/wiki/Mapnik
  • https://wiki.openstreetmap.org/wiki/Converting_map_data_between_formats
  • catro?
  • https://wiki.openstreetmap.org/wiki/Editors
  • 약간 번외인듯.. osm은 osm전용 느낌물씬....
• 예제를 보면, 충분히 가능성 있음
  • https://openlayers.org/en/latest/examples/image-vector-layer.html
  • svg -> geojson만 잘된다면
  • geojson으로 vector layer(타일)
  • 사실 wmts 타일형태로 굽지 않아도, 곧바로 vector 사용이 가능할 것으로 보임
  • 우리는 아주복잡한 형태가 아니라. (위에 사각형 그림....) 더욱 가능성이 높아보임....

---

또다시 생각해보기

• 꼭 원본이 svg (image) 여야 하나??
• https://en.wikipedia.org/wiki/GIS_file_formats#Vector_examples
• 원본 자체가 svg처럼 이미지 형태 + 이미지 형태라 어떤 UI Tool등으로 그릴수 있으면?
• 그리고 그 원본이 이미 지도용 vector data 형태면?

---

[gseok]

svg -> geojson

• https://github.com/Phrogz/svg2geojson/blob/master/lib/svg2geojson.js
• 실제 변환 되는거 확인함
  • 아쉬운거
  • 좌표체계가 정확하지 않은듯
  • svg의 path 의 정보로 -> geojson 을 새성 하는 형태