asp.net-mvc - GeoJSON .NET 与 ASP.NET MVC 中的谷歌地图

Question

我正在尝试使用 GeoJSON .NET 创建 geoJSON 数据并将其加载到 Google map 中使用 ASP.NET MVC5 的库，尽管我在某处做错了。

使用 GitHub 网站上发布的示例代码，我的 Controller 如下所示:

public ActionResult GetGeoJson()
{
    var point = new GeoJSON.Net.Geometry.Point(
                    new GeoJSON.Net.Geometry.GeographicPosition(45.79012, 15.94107));
    var featureProperties = new Dictionary<string, object> { {"Name", "Foo"} };
    var model = new GeoJSON.Net.Feature.Feature(point, featureProperties);
    var serializedData = JsonConvert.SerializeObject(model, Formatting.Indented,
               new JsonSerializerSettings
               {
                   ContractResolver = new CamelCasePropertyNamesContractResolver(),
                   NullValueHandling = NullValueHandling.Ignore 
               });

    return Json(serializedData, JsonRequestBehavior.AllowGet);
}

我的观点如下:

@{
    ViewBag.Title = "Map";
}

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=foobar"></script>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>

<script type="text/javascript">
    function initialize() {

        var centerPoint = new google.maps.LatLng(53.710921, -1.626776);

        var mapOptions = {
            center: centerPoint,
            zoom: 12
        };

        map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
        map.data.loadGeoJson('/Home/GetGeoJson');

    }

    google.maps.event.addDomListener(window, 'load', initialize);
</script>

<div id="map-canvas">

</div>

当我加载页面并检查 chrome 中的控制台时，出现以下错误:

Uncaught InvalidValueError: not a Feature or FeatureCollection

如果我在浏览器中转到我的操作，它会输出以下内容:

"{\r\n  \"geometry\":
{\r\n    \"coordinates\": [\r\n      15.94107,\r\n      45.79012\r\n    ],
\r\n    \"type\": \"Point\"\r\n  },
\r\n  \"properties\": {\r\n    \"name\": \"Foo\"\r\n  },
\r\n  \"type\": \"Feature\"\r\n}"

Answer 1

一个相关的 SO question给了我答案。我需要将 Controller 中的返回值从

return Json(serializedData, JsonRequestBehavior.AllowGet);

到

return Content(serializedData, "application/json");

因为 JsonResult 也在序列化序列化数据。