标志层

标记功能允许您在地图中添加点。这些点是由地图中的地理位置定义的，可以在工具提示中向用户显示有用的信息。

配置标记类型的映射层:

1. 添加TelerikMap标签。
2. 设置类型参数MapLayer来标记．
3. 设置数据参数。
4. 设置LocationField而且TitleField参数。
5. 可选地,提供工具提示设置并选择标志形状．

下面的例子演示了如何配置映射标记层。

这段代码展示了一个标记层配置的例子。*@         @code { public string[] Subdomains { get; set; } = new string[] { "a", "b", "c" }; public string UrlTemplate { get; set; } = "https://#= subdomain #.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png"; public string Attribution { get; set; } = "© OpenStreetMap contributors"; public double[] Center { get; set; } = new double[] { 30.268107, -97.744821 }; public List MarkerData1 { get; set; } = new List() { new MarkerModel() { LatLng = new double[] { 30.268107, -97.744821 }, Title = "Austin, TX" } }; public List MarkerData2 { get; set; } = new List() { new MarkerModel() { LatLng = new double[] { 37.7749, -122.4194 }, Title = "San Francisco, CA" } }; public class MarkerModel { public double[] LatLng { get; set; } public string Title { get; set; } } }

标志形状

地图上的标记分为两种销而且PinTarget．可以使用形状参数MapLayer标签。标记的默认视觉外观是PinTarget．

这个代码片段展示了不同标记形状的一个例子。*@           @code {public string[] Subdomains {get;设置; } = new string[] { "a", "b", "c" }; public string UrlTemplate { get; set; } = "https://#= subdomain #.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png"; public string Attribution { get; set; } = "© OpenStreetMap contributors"; public double[] Center { get; set; } = new double[] { 30.268107, -97.744821 }; public List MarkerData1 { get; set; } = new List() { new MarkerModel() { LatLng = new double[] { 30.268107, -97.744821 }, Title = "Austin, TX" } }; public List MarkerData2 { get; set; } = new List() { new MarkerModel() { LatLng = new double[] { 37.7749, -122.4194 }, Title = "San Francisco, CA" } }; public class MarkerModel { public double[] LatLng { get; set; } public string Title { get; set; } } }

标记工具提示设置

的MapLayerMarkerSettingsTooltip标记允许您微调工具提示内容、外观和选项。您可以完全自定义工具提示的HTML内容。

这个代码片段展示了一个标记工具提示设置的例子。*@         @code { public string[] Subdomains { get; set; } = new string[] { "a", "b", "c" }; public string UrlTemplate { get; set; } = "https://#= subdomain #.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png"; public string Attribution { get; set; } = "© OpenStreetMap contributors"; public double[] Center { get; set; } = new double[] { 30.268107, -97.744821 }; public List MarkerData1 { get; set; } = new List() { new MarkerModel() { LatLng = new double[] { 30.268107, -97.744821 }, Title = "Austin, TX" } }; public List MarkerData2 { get; set; } = new List() { new MarkerModel() { LatLng = new double[] { 37.7749, -122.4194 }, Title = "San Francisco, CA" } }; public class MarkerModel { public double[] LatLng { get; set; } public string Title { get; set; } } }