sgcUI sgcMaps 출시

sgcMaps. 진짜 지도. 브라우저는 없어요.

래스터와 벡터 타일을 네이티브로 그리고, 수천 개의 클러스터링 마커, 경로, 영역을 표시하고, 주소를 지오코딩하고, 로컬 타일과 오프라인 라우터로 오프라인에서도 계속 동작해요. Delphi, C++ Builder, .NET용 네이티브 지도 컨트롤이고, 소스 코드가 포함돼요.

체험판 다운로드 sgcMaps 살펴보기

VCL
FireMonkey
Lazarus
WinForms
WPF
Avalonia
Delphi 7~13
.NET 8, 9 및 10

4키가 필요 없는 타일 제공자: OpenStreetMap, OpenTopoMap, Esri 레이어 2개
7하나의 API 뒤에 있는 지오코딩 제공자와 오프라인 지오코더
4읽고 쓰는 지리 데이터 형식: GeoJSON, GPX, KML, WKT, 그리고 shapefile 가져오기
4FireMonkey 지도의 플랫폼: Windows, 그리고 Delphi 10.4부터 macOS, iOS, Android

지도 애플리케이션에 필요한 모든 것.

타일, 내 데이터, 검색과 경로 탐색, 파일과 이미지. sgcMaps는 이 모두를 네이티브 컨트롤로 다루고, 온라인에서도 네트워크 없이도 동작해요.

어디서나 네이티브
지도를 직접 그리는 VCL, FireMonkey, Lazarus, WinForms, WPF, Avalonia 컨트롤.
지도 위의 내 데이터
클러스터링 마커, 경로, 영역, 원, 레이블, 히트맵을 코드나 파일에서 표시해요.
오프라인에서도 동작
디스크의 타일, 오프라인 라우터, 오프라인 지오코더를 API 키 없이 쓸 수 있어요.
이미지로 만드는 지도
콘솔, 서비스, Linux .NET 프로세스에서 PNG 파일을 렌더링해요.

동작하는 모습을 보세요.

동작 중인 지도 컨트롤: 타일 제공자, 벡터 스타일, 오버레이, 오프라인 경로 탐색.

같은 마드리드 지역을 OpenStreetMap, OpenTopoMap, Esri World Imagery, Esri World Street 타일로 렌더링한 모습

타일과 지도 데이터

속성 하나로 타일 제공자를 고르세요.

페이지에 Provider를 레이어에 지정하고 sgcMapApplyProvider를 호출하면 URL 템플릿, 최대 확대 수준, 저작권 표시가 함께 적용돼요.
OpenStreetMap, OpenTopoMap, Esri World Imagery, Esri World Street는 키 없이 동작해요. MapTiler, Thunderforest, Stadia는 직접 발급한 키를 사용해요.
mtpCustom과 함께 쓰는 URLTemplate은 모든 {z}/{x}/{y} 서버를 읽고, ShowLayerSwitcher는 사용자가 지도에서 레이어를 전환하게 해요.

벡터 타일

어떤 크기에서도 선명한 벡터 타일.

mtsVectorHTTP는 Mapbox Vector Tile 서버를 읽고, mtsVectorMBTiles는 로컬 벡터 MBTiles 파일을 읽어요.
내장 스타일을 쓰려면 VectorStyleFile를 비워 두고, MapLibre 또는 Mapbox GL 스타일을 불러와 브랜드에 맞출 수도 있어요.
컨트롤이 도로, 물, 건물, 레이블을 직접 그리므로 고해상도 화면과 내보낸 이미지에서도 텍스트가 선명해요.

지도 위의 내 데이터

한 지도에 경로, 구역, 히트맵.

AddPolyline은 점선과 측지선을 지원하고, AddPolygon은 구멍이 있는 도형을 지원하고, 그 밖에 AddRectangle, AddCircle, AddLabel이 있어요.
편집 가능한 도형은 사용자가 영역의 꼭짓점을 끌 수 있게 하고, OnShapeEdited는 편집이 끝나면 코드에 알려 줘요.
TsgcMapHeatmap은 가중치가 있는 점을 받고, MarkerOptions.Clustering은 가까운 마커를 번호가 있는 버블로 묶어요.

OfflineServices 데모: 안도라 지도 위의 오프라인 장소 검색, 역지오코딩, 자동차 경로 탐색

오프라인에서도 동작

인터넷도 키도 없이 경로와 주소 검색.

TsgcMapOfflineRouter는 OpenStreetMap 추출본에서 한 번 만든 그래프로 자동차, 자전거, 도보 경로를 계산해요.
TsgcMapOfflineGeocoder는 SQLite에 담긴 GeoNames 인덱스에서 장소 이름을 검색하고, 클릭한 위치를 역지오코딩해요.
TsgcMapTileDownloader는 한 지역과 확대 수준 범위를 미리 폴더나 MBTiles 파일로 내려받아요.

sgcMaps 더 보기.

데모, 거리 수준의 타일, 창 없이 렌더링한 지도를 제품에서 바로 보여 드려요.

마드리드 지도 위에 기본 레이어 선택기, API 키 입력란, 레이어 전환기가 있는 MapFeatures 데모 — MapFeatures 데모: 제공자와 API 키, 클러스터링, 그리기, 히트맵, 이미지 내보내기.

창 없이 렌더링한, 마커가 있는 마드리드 중심가 지도 — `SaveToPNG`는 같은 지도를 콘솔이나 Windows 서비스에서 창 없이 렌더링해요.

지도 컨트롤이 그린 마드리드 중심가의 OpenStreetMap 타일 — 컨트롤이 직접 그린 OpenStreetMap 타일을 다음 실행에서 다시 쓰도록 보관해요. 보관 폴더는 `CacheFolder`로 지정해요.

위치 마커 하나가 있는 바르셀로나와 해안선 — 마우스 휠 확대와 끌어서 이동으로 도시 수준에서 거리 수준까지 탐색하고, 일반적인 Delphi 이벤트를 사용해요.

몇 줄로 만드는 지도.

OpenStreetMap 타일, 마커 3개, 측지선, 반경을 마커에 맞춰 PNG로 저장해요. Delphi, C++ Builder, C#에서 같은 API예요.

dotnet add package esegece.sgcMaps.Rendering

C++ Builder와 C# 버전

uses
  SysUtils, Controls, Graphics, sgcMaps_Classes, sgcMaps_Providers,
  sgcMaps_Geometry, sgcMaps_VCL;

// OpenStreetMap with cached tiles, three capitals, a geodesic flight line
// and a 300 km radius, fitted to the markers and saved as PNG.
procedure BuildMap(aOwner: TWinControl);
var
  oMap: TsgcVCLMap;
  oLayer: TsgcMapLayer;
  oLine: TsgcMapPolyline;
begin
  oMap := TsgcVCLMap.Create(aOwner);
  oMap.Parent := aOwner;
  oMap.Align := alClient;
  oLayer := oMap.Layers.Add;
  oLayer.Name := 'OpenStreetMap';
  oLayer.Provider := mtpOpenStreetMap;
  sgcMapApplyProvider(oLayer);
  oLayer.CacheFolder := ExtractFilePath(ParamStr(0)) + 'tile_cache';
  oMap.AddMarker(48.8566, 2.3522, 'Paris', 'France');
  oMap.AddMarker(52.5200, 13.4050, 'Berlin', 'Germany');
  oMap.AddMarker(41.9028, 12.4964, 'Rome', 'Italy');
  oMap.MarkerOptions.Clustering.Enabled := True;
  oLine := oMap.AddPolyline;
  oLine.Geodesic := True;
  oLine.Dashed := True;
  oLine.Color := clRed;
  oLine.AddPoint(48.8566, 2.3522);
  oLine.AddPoint(52.5200, 13.4050);
  oMap.AddCircle(48.8566, 2.3522, 300000).FillOpacity := 0.15;
  oMap.FitToMarkers(40);
  oMap.AddLabel(50.7, 8, Format('Paris to Berlin: %.0f km',
    [sgcMapDistance(48.8566, 2.3522, 52.52, 13.405) / 1000]));
  oMap.SaveToPNG('europe.png', 1200, 800);
end;