Map
TsgcHTMLComponent_Map — renderuje interaktywną mapę Leaflet.js z kafelkami OpenStreetMap lub CartoDB oraz własnymi znacznikami, dymkami i podpowiedziami, w Delphi, C++ Builder i .NET.
TsgcHTMLComponent_Map — renderuje interaktywną mapę Leaflet.js z kafelkami OpenStreetMap lub CartoDB oraz własnymi znacznikami, dymkami i podpowiedziami, w Delphi, C++ Builder i .NET.
Komponent map, który generuje kontener mapy Leaflet.js wraz ze skryptem, który ją inicjalizuje. Ustaw środek, powiększenie i dostawcę kafelków, dodaj znaczniki, a następnie odczytaj właściwość HTML.
TsgcHTMLComponent_Map
Mapa Leaflet.js + warstwa kafelków
Delphi, C++ Builder, .NET
Ustaw CenterLatitude, CenterLongitude i Zoom, wybierz TileProvider, wywołaj AddMarker dla każdego punktu, a następnie odczytaj HTML.
uses
sgcHTML_Enums, sgcHTML_Component_Map;
var
oMap: TsgcHTMLComponent_Map;
begin
oMap := TsgcHTMLComponent_Map.Create(nil);
try
oMap.CenterLatitude := 40.4168;
oMap.CenterLongitude := -3.7038;
oMap.Zoom := 12;
oMap.Height := '420px';
oMap.TileProvider := mtCartoDB;
oMap.AddMarker(40.4168, -3.7038, 'Madrid', 'Head office');
oMap.AddMarker(41.3851, 2.1734, 'Barcelona');
WebModule.Response := oMap.HTML; // Leaflet map + markers
finally
oMap.Free;
end;
end;// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Map.hpp
TsgcHTMLComponent_Map *oMap = new TsgcHTMLComponent_Map(NULL);
try
{
oMap->CenterLatitude = 40.4168;
oMap->CenterLongitude = -3.7038;
oMap->Zoom = 12;
oMap->Height = "420px";
oMap->TileProvider = mtCartoDB;
oMap->AddMarker(40.4168, -3.7038, "Madrid", "Head office");
oMap->AddMarker(41.3851, 2.1734, "Barcelona");
String html = oMap->HTML; // Leaflet map + markers
}
__finally
{
delete oMap;
}using esegece.sgcWebSockets;
var map = new TsgcHTMLComponent_Map();
map.CenterLatitude = 40.4168;
map.CenterLongitude = -3.7038;
map.Zoom = 12;
map.Height = "420px";
map.TileProvider = TsgcHTMLMapTileProvider.mtCartoDB;
map.AddMarker(40.4168, -3.7038, "Madrid", "Head office");
map.AddMarker(41.3851, 2.1734, "Barcelona");
string html = map.HTML; // Leaflet map + markersSkładniki, po które sięgasz najczęściej.
CenterLatitude i CenterLongitude (Double) ustawiają widok początkowy; Zoom (domyślnie 13) ustawia poziom powiększenia.
TileProvider (TsgcHTMLMapTileProvider) wybiera mtOpenStreetMap, mtCartoDB (jasny) lub mtCartoDBDark.
Markers (TsgcHTMLMapMarkers) przechowuje znaczniki; każdy TsgcHTMLMapMarker ma Latitude, Longitude, PopupText, TooltipText i Color.
AddMarker(aLat, aLng, aPopup, aTooltip) umieszcza znacznik; dymek otwiera się po kliknięciu, a podpowiedź pokazuje się po najechaniu.
Height (długość CSS, taka jak '420px') steruje wysokością mapy; MapID ustawia identyfikator elementu kontenera.
HTML zwraca link do arkusza stylów Leaflet, <div> mapy i skrypt inicjujący — udostępnij go lub przypisz do właściwości BodyContent szablonu strony.