CSHTML中无法使用C#可空经纬度值渲染Google地图问题

可能的问题及解决步骤 #

1. 检查渲染后的JS代码格式 #

右键查看页面源码，找到生成的<script>部分，确认lat和lng的输出是否符合JS语法要求：

• 必须是纯数字（比如lat: 39.9042），不能带引号，也不能用逗号作为小数分隔符（比如39,9042会导致JS语法错误）。

2. 完善空值判断逻辑 #

你当前只判断了Longitude.HasValue，但没有检查Latitude.HasValue，如果纬度为null，取Latitude.Value会抛出异常，导致JS代码不完整。修改判断条件：

@if (Model.crisis.Longitude.HasValue && Model.crisis.Latitude.HasValue)
{
    var lng = Model.crisis.Longitude.Value;
    var lat = Model.crisis.Latitude.Value;
    // 后续JS代码
}

3. 强制统一小数分隔符 #

如果服务器的区域设置使用逗号作为小数分隔符，C#输出的double值会不符合JS语法要求。可以强制使用不变文化格式输出：

center: { lat: @(lat.ToString(System.Globalization.CultureInfo.InvariantCulture)), lng: @(lng.ToString(System.Globalization.CultureInfo.InvariantCulture)) },
position: new google.maps.LatLng(@lat.ToString(System.Globalization.CultureInfo.InvariantCulture), @lng.ToString(System.Globalization.CultureInfo.InvariantCulture)),

这样能确保输出的数值用点号作为小数分隔符，符合JS的语法规范。

4. 检查浏览器控制台报错 #

按F12打开浏览器开发者工具，切换到「控制台」标签，查看是否有JS语法错误或变量未定义的提示，这是快速定位问题的关键。

总结 #

可空值本身可以正常使用，问题出在空值判断不完整或数值渲染格式不符合JS要求上，按照上述步骤排查即可解决。

内容的提问来源于stack exchange，提问作者mohsinali1317