실내지도에 적합한 웹 매핑 라이브러리는 무엇입니까? [닫은]

사용자 정의 매핑 라이브러리를 찾고 있지만 실제 지리적 영역을 표시하지 않고 사용자 정의 평면도를 표시합니다. 나는 오랫동안 찾고 있었지만 내가 찾은 대부분의 솔루션은 지리적 영역을위한 것입니다.

몇 가지 줌 레벨 (아마도 3 레벨)을 사용자 정의하고 이상적으로 JavaScript, HTML5 (캔버스, SVG) 솔루션을 찾고 있습니다.

누구든지 제안이 있습니까?

내 사진지도를 사용하여 내지도 앱을 만들고 있습니다. 우리 대학교는 새로운 캠퍼스로 이전했고, 손으로 그린지도에서 5 단계 줌으로 7 층 (실내)을 매핑하고 있습니다.

전단지는 맞춤형지도 타일과 함께 사용할 수 있습니다! 나는이 가이드 (omarriott.com/aux/leaflet-js-non-geographical-imagery)를 따랐다.지도를 표시하기 위해 줌 레벨 숫자로 몇 가지 시행 착오를 겪었다는 것만으로도 가이드를 정확히 따르지 않았다. 나를 위해 일하십시오).

Leaflet Indoor라는 플러그인이 있지만 geoJson에 의존합니다. 내가 가진 것은 사용자 정의 사진 좌표와 내 자신의 사용자 정의 Json입니다. 어쨌든 전단지는 unproject 및 project 메소드를 사용하여 그림 좌표를 위도 및 그 반대로 변환 할 수 있습니다.

다른 바닥을 만들기 위해 레이어 컨트롤을 대신 사용했습니다. 물론 API를 파악하고 모든 것이 제대로 작동하는지 확인하는 데 시간이 걸립니다. 예를 들어, 각 층마다 마커를 그룹화하고 서로 다른 확대 / 축소 수준에서 멋지게 렌더링하는 방법을 코딩했습니다. 그리고 다른 층을 적재하려면 마커를 올바르게 적재하기위한 핸들러가 필요합니다.

Leaflet은 지리적 인지도에 의존하는 수많은 예를 가지고 있으며, 우리와 같은 사람들을 어두운 곳으로 데려 갈 수도 있지만, 커스텀지도를 위해 가능하다는 것을 확신하고 싶습니다. 이미지가 필요하고 올바른 이름으로 올바르게 바둑판 식으로 배열 한 다음 Amazon과 같은 CDN에로드 한 다음 Leaflet API를 사용하십시오.

사용 사례를 모르면 데이터 시각화를 위해 D3.js 라이브러리 (데이터 기반 문서)를 살펴볼 수 있습니다. "확대 / 축소 수준"자체를 지원하는지는 모르지만 확대 / 축소 가능한 지도 는 지원 합니다 .

https://github.com/mbostock/d3/wiki/Gallery 에서 많은 예를 살펴보십시오.

평면도를 지리적 영역으로 취급하십시오. OpenLayers 또는 Leaflet은 좌표계를 정의 할 수있는 한 표시하는 항목이 실내인지 실외인지 상관하지 않습니다.