최상의 오픈 소스 웹 맵 라이브러리 3개
10203 단어 openlayersleafletmapboxcamptocamp
지도를 통해 당신의 데이터를 좀 더 명확하게 하고 싶지만 구글 지도 API 생태계에 얽매이면 불편할 수도 있습니다. 개원 세계에 오신 것을 환영합니다.
나는 당신에게 세 가지 가장 좋은 소스 오픈 대체 방안을 소개할 것입니다. 그것은 무료로 사용할 수 있으며, 당신은 자신의 맵 응용 프로그램을 실현하는 것이 어렵지 않다는 것을 보게 될 것입니다.
이 글은 제 자신의 지식, 경험과 관점을 반영하고 모든 도서관이 포괄하고 제공하는 내용에 대해 저는 객관적이지만 겸손하고 보편적인 진리를 가지고 있지 않다는 것을 인정합니다.
장편 강연보다 더 가치가 있는 좋은 지도로서 우리는 그것들을 발견할 수 있다.
전단지
Vladimir Agafonkin2010년에 창설된 Leaflet은 HTML5의 새로운 기능(예를 들어 캔버스 렌더링)을 이용한 최초의 라이브러리로 현대성과 뛰어난 성능을 제공한다.그것은 웹에 빠른 지도를 표시하는 데 전념하는 경량급 라이브러리이다.
이것은 간단한 API를 제공합니다. 모든 것은 사이트에 지리적 공간 정보를 삽입하기 위해서입니다. 만약에 평평한 배경층(OSM, 위성)이 있는 지도를 표시하고 사용자 정의 벡터 데이터(geojson)를 추가하려면 전단지를 사용하는 체험이 매우 훌륭하고 간단하다는 것을 발견할 수 있습니다. 결과는 당신의 수요를 뚜렷하게 만족시킬 것입니다.
var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer(
'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
이 방법의 단점은 이 라이브러리는 완전한 지리적 공간 기능 팔레트를 제공하지 않기 때문에 더 높은 사용자 인터페이스를 구축하려면 플러그인에 매우 빨리 의존해야 한다는 것이다.또한 OGC 표준과 상호작용하기 어렵고 사용자 정의 투영을 사용하기도 어렵다.전단지는 WebMercator 투영에 기반하여 투영을 변경하는 간단한 방법을 제공하지 않습니다.
이 시스템은 플러그인 통합을 바탕으로 구축된 후에 많은 지역 사회 확장을 통해 라이브러리를 확장하는 기본 기능이 생겼다.일반적으로 생활에서 특정 유형의 데이터, 데이터 VIZ 목적을 위한 사전 제작 스타일, 형상 버전 등을 쉽게 표시할 수 있는 목록here을 찾을 수 있습니다.
이 라이브러리는 기본적으로 성숙한 것으로 주로 플러그인 생태계를 통해 생존한다.비록 원작자가 아니지만, 핵심은 여전히 남아 있다.전단지는 매우 방대한 사용자층을 가지고 있으며 여전히 매우 환영을 받고 있으며, 그 핵심이 여러 해 동안 중대한 변화가 발생하지 않았다는 것을 감안하면 이것은 인상적인 장거이다.
요약하면 전단지는 위대한 첫 번째 방법인 인터넷 지도 도서관이다.API나 인코딩 지식이 많이 필요하지 않으며 지도를 쉽게 구축할 수 있습니다.그러나 복잡한 지도 기반 응용 프로그램을 깊이 있게 실현하기 전에 어떤 플러그인이 사용할 수 있는지, 그리고 그것들이 여전히 유지되고 있는지 연구할 필요가 있다.
지도틀 GL
Mapbox 이 회사는 개방된 지리 공간 세계에서 혁명을 가져왔고 표준과 도서관을 가져왔으며 근본적으로 우리가 인터넷에서 지도를 노는 방식을 바꾸었다.모든 것은 사용자가 가능한 한 유창하고 빠른 체험을 할 수 있도록 휴대전화 사용에 중점을 두었다.Vector tiles는 그들의 별자리의 기둥으로 모든 것이 최적화되어 놀라운 유창한 렌더링으로 벡터 데이터를 나타낼 수 있다.
Mapbox GL JS는 웹 브라우저에 렌더링된 자바스크립트 라이브러리를 처리합니다.WebGL에서 실현된 것은 초고성능이며 벡터 타일 형식을 최적화시켰다.그것은 지금까지 렌더링 벡터 데이터의 성능이 가장 좋은 라이브러리이다.Mapbox GL Native와 모바일 플랫폼에 사용되는 SDK는 이 라이브러리로 모바일 응용 프로그램에서 같은 목표를 실현하는 데 사용된다.최근 맵박스 모바일 안드로이드 SDK가 전유 2진법에 의존하기 시작하면서 이 기술의 미래가 불확실해졌다.
일반적으로, 맵박스 GL은 맵박스가 위탁 관리하는 벡터 블록을 따라 작동하기 때문에, 데이터와 사용자 정의 비즈니스 계획에 접근할 수 있는 영패를 제공해야 합니다.단, 맵박스 GL을 자신의 벡터 블록과 함께 사용할 수 있습니다.
이 라이브러리를 사용하는 가장 좋은 방법은 맵박스 스타일 파일을 가리키는 것입니다. 이 파일은 지도의 상하문(범위, 데이터 집합, 스타일...)을 설명합니다.
mapboxgl.accessToken = '<your access token here>';
var map = new mapboxgl.Map({
container: 'map', // container id
style: 'mapbox://styles/mapbox/streets-v11', // style URL
center: [-74.5, 40], // starting position [lng, lat]
zoom: 9 // starting zoom
});
이 라이브러리는 울타리 형식도 표시할 수 있지만, 가장 눈부신 곳은 아니다.이것은 서로 다른 유형의 데이터 (벡터 블록,geojson, 블록 서버), 기하학적 도형 편집, 내비게이션 등을 표시하는 강력하고 간단한 API를 제공한다.
맵박스 GL은 첫 번째로'기울기'지도를 허용하고 일부 3D 보기를 제공하는 개원 라이브러리로 지도를 탐색할 때 인상적인 사용자 체험을 제공한다.그것은 성숙한 3D 지도 렌더링 라이브러리가 아니다. 예를 들어 지형 격자나 점운을 렌더링할 수 없다.
모든 렌더링 구조는 웹 Mercator 투영을 기반으로 구축되어 있습니다. 불행하게도 이 점을 바꿀 수 없습니다.전체 OGC 표준 지원이 없으므로 라이브러리가 무엇을 지원하는지 확인한 다음 실행에 들어가야 합니다.
맵박스 GL JS는 오픈된 것이지만 지역 사회를 바탕으로 하는 것이 아니라 한 민간 회사가 개발하고 유지하는 것으로 자신의 목표와 전략이 있습니다.
한 마디로 하면,Mapbox GL은 좋은 라이브러리입니다. 잠재적인 복잡한 벡터 데이터의 시각화에 대한 수요가 집중될 때, 웹 GL에 벡터 데이터를 신속하고 매끄럽게 표시할 수 있습니다.단, 투영이나 복잡한 기능이 풍부한 웹 맵 응용 프로그램을 맞춤형으로 설정하려면 최선의 선택이 아닐 수도 있습니다. 개인 회사에서 왔고, 그것을 사용할 수 있는 방식이 영원히 지속되지 않을 수도 있다는 것을 기억하십시오.
개방층
OpenLayers는 첫 번째 웹 맵 라이브러리 중의 하나이다.맵박스 GL과 전단지에 앞서 OpenLayers2는 전 세계적으로 웹에 지도를 표시하는 데 사용되었다.그것은 구글 지도 API의 가장 좋은 소스 대체품이다.
버전 3은 새로운 브라우저의 가능성을 받아들이기 위해 0부터 완전히 수정되었고 2013년 이후 활발한 지역 사회와 함께 생활하고 있습니다. 오늘은 버전 6입니다.
OpenLayers의 주요 목적은 지리 공간 세계의 대부분 수요를 포함하는 기능이 완비된 지도 라이브러리를 제공하는 것이다.
var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer(
'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
Mapbox 이 회사는 개방된 지리 공간 세계에서 혁명을 가져왔고 표준과 도서관을 가져왔으며 근본적으로 우리가 인터넷에서 지도를 노는 방식을 바꾸었다.모든 것은 사용자가 가능한 한 유창하고 빠른 체험을 할 수 있도록 휴대전화 사용에 중점을 두었다.Vector tiles는 그들의 별자리의 기둥으로 모든 것이 최적화되어 놀라운 유창한 렌더링으로 벡터 데이터를 나타낼 수 있다.
Mapbox GL JS는 웹 브라우저에 렌더링된 자바스크립트 라이브러리를 처리합니다.WebGL에서 실현된 것은 초고성능이며 벡터 타일 형식을 최적화시켰다.그것은 지금까지 렌더링 벡터 데이터의 성능이 가장 좋은 라이브러리이다.Mapbox GL Native와 모바일 플랫폼에 사용되는 SDK는 이 라이브러리로 모바일 응용 프로그램에서 같은 목표를 실현하는 데 사용된다.최근 맵박스 모바일 안드로이드 SDK가 전유 2진법에 의존하기 시작하면서 이 기술의 미래가 불확실해졌다.
일반적으로, 맵박스 GL은 맵박스가 위탁 관리하는 벡터 블록을 따라 작동하기 때문에, 데이터와 사용자 정의 비즈니스 계획에 접근할 수 있는 영패를 제공해야 합니다.단, 맵박스 GL을 자신의 벡터 블록과 함께 사용할 수 있습니다.
이 라이브러리를 사용하는 가장 좋은 방법은 맵박스 스타일 파일을 가리키는 것입니다. 이 파일은 지도의 상하문(범위, 데이터 집합, 스타일...)을 설명합니다.
mapboxgl.accessToken = '<your access token here>';
var map = new mapboxgl.Map({
container: 'map', // container id
style: 'mapbox://styles/mapbox/streets-v11', // style URL
center: [-74.5, 40], // starting position [lng, lat]
zoom: 9 // starting zoom
});
이 라이브러리는 울타리 형식도 표시할 수 있지만, 가장 눈부신 곳은 아니다.이것은 서로 다른 유형의 데이터 (벡터 블록,geojson, 블록 서버), 기하학적 도형 편집, 내비게이션 등을 표시하는 강력하고 간단한 API를 제공한다.맵박스 GL은 첫 번째로'기울기'지도를 허용하고 일부 3D 보기를 제공하는 개원 라이브러리로 지도를 탐색할 때 인상적인 사용자 체험을 제공한다.그것은 성숙한 3D 지도 렌더링 라이브러리가 아니다. 예를 들어 지형 격자나 점운을 렌더링할 수 없다.
모든 렌더링 구조는 웹 Mercator 투영을 기반으로 구축되어 있습니다. 불행하게도 이 점을 바꿀 수 없습니다.전체 OGC 표준 지원이 없으므로 라이브러리가 무엇을 지원하는지 확인한 다음 실행에 들어가야 합니다.
맵박스 GL JS는 오픈된 것이지만 지역 사회를 바탕으로 하는 것이 아니라 한 민간 회사가 개발하고 유지하는 것으로 자신의 목표와 전략이 있습니다.
한 마디로 하면,Mapbox GL은 좋은 라이브러리입니다. 잠재적인 복잡한 벡터 데이터의 시각화에 대한 수요가 집중될 때, 웹 GL에 벡터 데이터를 신속하고 매끄럽게 표시할 수 있습니다.단, 투영이나 복잡한 기능이 풍부한 웹 맵 응용 프로그램을 맞춤형으로 설정하려면 최선의 선택이 아닐 수도 있습니다. 개인 회사에서 왔고, 그것을 사용할 수 있는 방식이 영원히 지속되지 않을 수도 있다는 것을 기억하십시오.
개방층
OpenLayers는 첫 번째 웹 맵 라이브러리 중의 하나이다.맵박스 GL과 전단지에 앞서 OpenLayers2는 전 세계적으로 웹에 지도를 표시하는 데 사용되었다.그것은 구글 지도 API의 가장 좋은 소스 대체품이다.
버전 3은 새로운 브라우저의 가능성을 받아들이기 위해 0부터 완전히 수정되었고 2013년 이후 활발한 지역 사회와 함께 생활하고 있습니다. 오늘은 버전 6입니다.
OpenLayers의 주요 목적은 지리 공간 세계의 대부분 수요를 포함하는 기능이 완비된 지도 라이브러리를 제공하는 것이다.
API는 사용하기 쉽지만 처음으로 OpenLayers에 깊이 들어가는 것이 Moplex와 Mapbox GL을 사용하는 것보다 어려울 수 있습니다. 특히 일반적인 인코딩에 익숙하지 않다면.곡선을 배우는 것은 좀 어렵지만, 복잡한 웹 맵 응용 프로그램을 개발하려면 시도해 볼 만하다.
var map = new Map({
layers: [
new TileLayer({
source: new OSM(),
}) ],
target: 'map',
view: new View({
center: [0, 0],
zoom: 2,
}),
});
예를 들어 ol-cesium, Openlayers와 CesiumJs 간의 귀속을 관리하는 데 사용되고, 후자는 WebGL로 작성된 훌륭한 가상 지구 라이브러리로 2D 지도에서 3D 지도로 전환하는 데 사용된다.그것은 지역 사회를 바탕으로 매우 활발하고 많은 사용자와 개발자들의 공헌과 흥미를 받았다.코드 라이브러리에 쉽게 가입하고 라이브러리에 필요한 부족한 기능을 추가할 수 있습니다.
최근 지역사회의 발전과 도서관 강화를 돕기 위해 거대한 크라우드 펀딩 지렛대가 수십만 달러에 이르렀다.
많은 회사들이 OpenLayers를 사용할 수 있도록 자문을 제공하고 있습니다. 이 라이브러리를 사용할 때 문제가 발생하면 곧 커뮤니티에서 답을 얻을 수 있습니다.
한 마디로 하면 OpenLayers는 가장 쉽게 들어갈 수 있는 라이브러리가 아닙니다. 많은 온라인 기능examples 을 충분히 활용하면 바로 사이트에 아름다운 지도를 표시할 수 있습니다.그것은 가장 완전한 라이브러리이며, 성능이 매우 좋고, 완전히 시작된 것이며, 하나의 지역 사회를 바탕으로 당신을 도울 것입니다.
결론
인터넷상의 지리 공간 세계는 분명히 접근할 수 있다.비싼 허가증을 멀리하고 생태계를 잠그며 소스 해결 방안과 이념을 포옹한다.무료이고 기능이 강한 라이브러리로 웹 맵 프로그램을 만들 수 있음을 발견할 수 있습니다.
사용자의 요구와 요구에 따라 용례에 가장 적합한 해결 방안을 선택해야 합니다.Camptocamp와 같은 컨설팅 회사는 전문가로서 귀하의 상황을 확인하고 귀하의 요구에 맞는 최상의 해결 방안과 기술을 제시할 수 있습니다
Reference
이 문제에 관하여(최상의 오픈 소스 웹 맵 라이브러리 3개), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/camptocamp-geo/the-3-best-open-source-web-mapping-libraries-57o7
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(최상의 오픈 소스 웹 맵 라이브러리 3개), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/camptocamp-geo/the-3-best-open-source-web-mapping-libraries-57o7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)