Map
TsgcHTMLComponent_Map — render een interactieve Leaflet.js-kaart met OpenStreetMap- of CartoDB-tegels en je eigen markers, popups en tooltips, in Delphi, C++ Builder en .NET.
TsgcHTMLComponent_Map — render een interactieve Leaflet.js-kaart met OpenStreetMap- of CartoDB-tegels en je eigen markers, popups en tooltips, in Delphi, C++ Builder en .NET.
Een kaartcomponent dat een Leaflet.js-kaartcontainer uitstuurt plus het script dat hem initialiseert. Stel het middelpunt, de zoom en de tegelprovider in, voeg markers toe en lees dan de HTML-eigenschap.
TsgcHTMLComponent_Map
Leaflet.js-kaart + tegellaag
Delphi, C++ Builder, .NET
Stel CenterLatitude, CenterLongitude en Zoom in, kies de TileProvider, roep AddMarker aan voor elk punt en lees dan 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 + markersDe members die je het vaakst gebruikt.
CenterLatitude en CenterLongitude (Double) stellen het beginbeeld in; Zoom (standaard 13) stelt het zoomniveau in.
TileProvider (TsgcHTMLMapTileProvider) selecteert mtOpenStreetMap, mtCartoDB (licht) of mtCartoDBDark.
Markers (TsgcHTMLMapMarkers) bevat de pins; elke TsgcHTMLMapMarker heeft Latitude, Longitude, PopupText, TooltipText en Color.
AddMarker(aLat, aLng, aPopup, aTooltip) plaatst een pin; de popup opent bij klikken en de tooltip verschijnt bij hover.
Height (een CSS-lengte zoals '420px') bepaalt de kaarthoogte; MapID stelt de element-id van de container in.
HTML retourneert de Leaflet-stylesheet-link, de kaart-<div> en het init-script — serveer hem, of wijs hem toe aan de BodyContent van een paginatemplate.