Blazor的Telerik UI?下载30天免费试用

形状图层

形状层提供绑定GeoJSON数据并呈现指定的地理空间对象。

Telerik Map支持所有几何而且特性对象,以及几何而且特征集合从GeoJSON规范(可以在https://geojson.org).

配置一个形状类型的映射层:

  1. 添加TelerikMap标签。
  2. 设置类型参数。MapLayer形状
  3. 设置数据参数。
  4. 添加MapLayerShapeSettingsStyle标签内MapLayerShapeSettings

下面的示例演示如何配置映射形状层。

地图形状层配置。

这段代码片段展示了一个形状层配置的例子。*@ @using系统。Net               @code { public double[] Center { get; set; } = new double[] { 30.268107, -97.744821 }; public string WorldData { get; set; } = new WebClient().DownloadString("https://raw.githubusercontent.com/telerik/blazor-ui/master/map/world-data.json"); public List MarkerData1 { get; set; } = new List() { new MarkerModel() { LatLng = new double[] { 30.268107, -97.744821 }, Title = "Austin, TX" } }; public class MarkerModel { public double[] LatLng { get; set; } public string Title { get; set; } } }

以上代码片段的结果。

Blazor地图形状图层

在本文中
Baidu
map