Question

我试图在网页上使用Highmaps显示地图。这是我的HTML页面：

<!doctype html>
<html>
  <head>
    <script src="./libraries/jquery-3.3.1.min.js"></script>
    <script src="https://code.highcharts.com/maps/highmaps.js"></script>
    <script src="https://code.highcharts.com/maps/modules/data.js"></script>
    <script src="https://code.highcharts.com/maps/modules/exporting.js"></script>
    <script src="https://code.highcharts.com/maps/modules/offline-exporting.js"></script>
    <script src="https://code.highcharts.com/mapdata/custom/world.js"></script>
    <script type="text/javascript" src="./js/main.js"></script>
  </head>
  <body>
     <div id='map1'></div>
  </body>
</html>

正如你所看到的那样，一个div元素的id =＆＃39; map1＆＃39;，那就是我想要显示我的地图的地方。这是创建地图的JS代码。

    var options = {
      chart: {
      renderTo: 'map1',
      type: 'map',
      map: 'custom/world',
      title: 'Sales'
      },
      series: [{}]
    };
    $.getJSON('./api/getdati.php?piattaforma=' + consoles, function (data) {
      options.series[0].data = data;
      var chart = new Highcharts.Map(options);
    });

我通过一个简单的API从SQL数据库中获取数据。输出是JSON文件：

[ [ ＆＃34; JP＆＃34 ;, 19， 225 ] [ ＆＃34; RU＆＃34 ;, 8， 43 ] [ ＆＃34; US＆＃34 ;, 34， 230 ] ]

我尝试了一切，但地图不会显示。我不知道我的javascript上是否有问题，或者我只是无法加载库

尝试使用带有jQuery的Highmaps来显示地图

0 个答案: