如何在ASP.NET MVC中加载Geojson文件

Question

我一直在我的cshtml页面中添加以下文件。

<script src="http://code.highcharts.com/maps/highmaps.js" )"></script>
<script src="https://code.highcharts.com/maps/modules/data.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/offline-exporting.js"></script>
<script src="https://code.highcharts.com/maps/modules/drilldown.js"></script>
<script src="~/Content/js/balochistan.geojson"></script>

和higmaps的代码与脚本标签一起存在。一切正常，但是HTE地图没有显示并给出Geojson文件的错误。

http://localhost:9090/Content/js/balochistan.geojson net::ERR_ABORTED 404 (Not Found) 

任何人都可以帮助您如何正确加载geojson文件以及如何正确地给予静态路径？

Answer 1

文件以 .geojson结尾，不能像脚本一样加载 - 因为是 json file

添加此文件是一组 JSON DATA - 您需要在highcharts上加载它们，要么用AJAX加载，要么在开始时将它们添加为变量，然后连接到图表。

。

Answer 2

解决：通过执行几个步骤来解决问题：按正确顺序添加脚本标签。其次，当在同一页面上使用时，Highmaps.js和HighCharts.js互相冲突。为了解决此问题，您必须添加

 <script src="http://code.highcharts.com/highcharts-more.js"></script>

脚本标签除了HighCharts.js之外，还用：

替换HighMaps.js。

 <script src="//code.highcharts.com/maps/modules/map.js"></script> 

这样：

 <script src="http://code.highcharts.com/highcharts.js"></script>
    <script src="http://code.highcharts.com/highcharts-more.js"></script>
    <script src="https://code.highcharts.com/modules/exporting.js"></script>
    <script src="//code.highcharts.com/maps/modules/map.js"></script>

这解决了我的问题和地图现已显示。