Map
TsgcHTMLComponent_Map — Delphi, C++ Builder ve .NET'te OpenStreetMap veya CartoDB döşemeleri ve kendi işaretçileriniz, açılır pencereleriniz ve araç ipuçlarınızla etkileşimli bir Leaflet.js haritası işleyin.
TsgcHTMLComponent_Map — Delphi, C++ Builder ve .NET'te OpenStreetMap veya CartoDB döşemeleri ve kendi işaretçileriniz, açılır pencereleriniz ve araç ipuçlarınızla etkileşimli bir Leaflet.js haritası işleyin.
Bir Leaflet.js harita kapsayıcısının yanı sıra onu başlatan betiği üreten bir haritalama bileşeni. Merkezi, yakınlaştırmayı ve döşeme sağlayıcısını ayarlayın, işaretçiler ekleyin, ardından HTML özelliğini okuyun.
TsgcHTMLComponent_Map
Leaflet.js haritası + döşeme katmanı
Delphi, C++ Builder, .NET
CenterLatitude, CenterLongitude ve Zoom'u ayarlayın, TileProvider'ı seçin, her nokta için AddMarker'ı çağırın, ardından HTML'i okuyun.
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 + markersEn sık başvurduğunuz üyeler.
CenterLatitude ve CenterLongitude (Double), ilk görünümü ayarlar; Zoom (varsayılan 13), yakınlaştırma düzeyini ayarlar.
TileProvider (TsgcHTMLMapTileProvider), mtOpenStreetMap, mtCartoDB (açık) veya mtCartoDBDark seçer.
Markers (TsgcHTMLMapMarkers), iğneleri tutar; her TsgcHTMLMapMarker Latitude, Longitude, PopupText, TooltipText ve Color'a sahiptir.
AddMarker(aLat, aLng, aPopup, aTooltip), bir iğne bırakır; açılır pencere tıklandığında açılır ve araç ipucu üzerine gelindiğinde görünür.
Height ('420px' gibi bir CSS uzunluğu), harita yüksekliğini denetler; MapID, kapsayıcının öğe kimliğini ayarlar.
HTML, Leaflet stil sayfası bağlantısını, harita <div>'ini ve başlatma betiğini döndürür — sunun ya da bir sayfa şablonunun BodyContent'ine atayın.