C# Web地图项目示例

在C#中创建Web地图项目通常涉及使用一些地图API，如Google Maps API、Microsoft Bing Maps API或开源的Leaflet.js库。以下是一个简单的示例，我们将使用ASP.NET MVC框架结合Bing Maps API：

1. 首先，确保已安装NuGet包，比如`Microsoft.Maps.MapControl.WPF`或`Microsoft.Maps.WebApi`。

2. 在你的控制器（例如HomeController.cs）里，添加一个 action 来加载地图：

using Microsoft.Maps.MapControl.WPF;

public ActionResult Index()
{
    // 初始化地图中心点和缩放级别
    var mapOptions = new MapOptions
    {
        ZoomLevel = 10,
        Center = new GeoCoordinate(48.8566, 2.3522) // 巴黎坐标
    };

    return View(mapOptions);
}

3. 在视图（View）中，添加一个HTML div用于显示地图，并引入所需的JavaScript和CSS资源：

@model Microsoft.Maps.MapOptions

<div id="map" style="height: 500px;"></div>

@section scripts {
    <script src="https://www.bing.com/api/maps/mapcontrol?callback=initMap" type="text/javascript"></script>
    <script>
        function initMap() {
            var map = new Microsoft.Maps.Map(document.getElementById('map'), @Model);
        }
    </script>
}

这个例子展示了如何在C# MVC中初始化并渲染一个基本的地图。你可以进一步定制地图样式、添加交互式元素（如 markers, polylines等），甚至处理用户事件。