브라우저에서 벡터 기반 맵을 렌더링하는 라이브러리

웹 또는 모바일 애플리케이션에서 사용할 수 있고 이미지 대신 벡터 기반 맵을로드하는 Leaflet 또는 OpenLayers와 같은 오픈 소스 JavaScript 라이브러리가 있습니까? 도로 정보와 일부 POI 만 있으면됩니다.

내가 찾은 유일한 라이브러리는 폴리 맵이었습니다 . 그러나 여전히 벡터 SVG 데이터 (OpenStreetMap에서 선호)를 제공하는 서버 또는 서비스가 필요합니다. 또한 Mapsforge 라는 멋진 Android 프로젝트가 있지만 웹 응용 프로그램이나 다른 모바일 장치에 필요합니다.

OpenStreetMap Wiki에서 벡터 타일에 대한 링크와 정보를 수집하는 페이지를 시작했습니다 (작업 진행 중).

http://wiki.openstreetmap.org/wiki/Vector_tiles

벡터 그리기의 경우 Leaflet 또는 OpenLayers 가 잘 작동합니다. 거기에 새로운 것은 없습니다.

벡터 타일 맵 (예 : 다른 줌 레벨에서 다른 해상도 / 세부 정보 수준)의 경우 TileStache 는 간단하고 훌륭한 서버입니다. Polymaps (AFAIK, 유일한 범용 작업 js 타일 벡터 뷰어)로 많은 실험을 해왔습니다. 일부 사람들은 타일 ​​벡터 지원을 추가하기 위해 OpenLayers를 사용 했지만 AFAIK는 1 년 안에 트렁크에 통합되지 않았기 때문에 가까운 미래에는 관심이 없어지지 않을 것입니다.

TileStache (서버) 자체가 매우 잘 작동합니다. 그럼에도 불구하고, 나는 Polymaps에서 몇 가지 버그를 발견했으며 더 이상 업데이트되지 않기 때문에 (폐기 된 프로젝트), 프로덕션에서 사용하도록 확신 할 수 없습니다 (직접 유지해야 할 것입니다 ... 나 자신은 아직.)

내 솔루션은 AmigoCloud 에서 사용되는 사용자 정의 OpenGL 기본 벡터 렌더러를 작성하는 것이 었습니다 . 실제로 이것이 서비스에서 모든 맵이 렌더링되는 방식입니다. 이러한 목적으로 TileStache는 상당히 잘 전달되었습니다.

TileStache Vector Provider 를보고 싶습니다 . 그것을 사용하는 방법에 대한 예제는 내가 작성한 매우 기본적인 벡터 테스트 스위트를 볼 수 있습니다 .

슬프게도, Leaflet이 타일 벡터를 지원하지 않는다고 생각합니다.

업데이트 :이를 게시 한 후 Mapbox는 Mapbox GL JS를 출시 했으며 브라우저에서 WebGL 기반 벡터베이스 맵 렌더링을 수행합니다.

현재 설정된 옵션이 없습니다. 완전 벡터 프로덕션 내지도는 Google MapsGL이 있으며 브라우저 지원 및 성능으로 인해 매우 제한적입니다.

현재 오픈 소스와 가장 가까운 것은 Kothic.js 이며 Kothic의 스크립트를 사용하여 자신의 타일을 굴립니다.

귀하의 질문을 올바르게 이해하면 OpenLayers와 Leaflet이 벡터 데이터를로드 / 표시합니다.

예를 들어

http://leafletjs.com/examples/geojson/

GeoJSON 파일을 백그라운드에서 CloudMade를 통해 OSM을 사용하는 전단지 맵에로드합니다.

OpenLayers는 KML과 같이 더 다양한 유형의 벡터 형식을 지원할 수 있습니다.

http://dev.openlayers.org/examples/dynamic-text-layer.html

서버를 통해 벡터 데이터를 맵에 제공한다는 의미라면 MapServer, GeoServer 및 ESRI ArcGIS Server를 통해 벡터 데이터를 맵에 웹 기능 서버 (WFS)로 표시합니다.

SVG 또는 캔버스가 아닌 webgl 기술을 기반으로하는 GL-Solar 라는 흥미로운 프로젝트를 발견했습니다 . 초기 개발 단계이지만 유망한 것으로 보입니다.

또한 MapCSS , Cartagen 및 d3.js이 언급되어야한다. d3.js는 온라인 osm 편집기 iD 에서 사용됩니다 . 전단지 및 html5 렌더링 에 대한 블로그 게시물도 있습니다 .