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 文件

添加此文件是一组 json数据-您需要使用ajax加载将它们加载到highcharts上，或者将它们作为变量添加到开头并连接到图表。

Answer 2

已解决： 通过执行以下几个步骤可以解决该问题：以正确的顺序添加脚本标签。其次，当在同一页面上使用highmaps.js和highcharts.js文件时，它们会发生冲突。为了解决此问题，您必须添加

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

除了highcharts.js之外的

script标记，也将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>

这解决了我的问题，现在正在显示地图。

如何在asp.net MVC中加载geojson文件

2 个答案: