Jquery 尝试使用未加载的地图：world_mill

我正在使用Reactjs显示带有

jvectormap next

的地图。我必须使用jquery，因为我想jvectormap不再得到支持了。这是我的密码：

import React from "react";
import $ from "jquery";
window.jQuery = $;
require("jvectormap-next")($);

export default class App extends React.Component {
  getMap() {
    var gdpData = {
      AF: 16.63,
      AL: 11.58,
      DZ: 158.97
      // ...
    };

    $("#world-map-gdp").vectorMap({
      map: "world_mill",
      series: {
        regions: [
          {
            values: gdpData,
            scale: ["#C8EEFF", "#0071A4"],
            normalizeFunction: "polynomial"
          }
        ]
      },
      onRegionTipShow: function(e, el, code) {
        el.html(el.html() + " (GDP - " + gdpData[code] + ")");
      }
    });
  }
  render() {
    return (
      <div className="App">
        {this.getMap()}
      </div>
    );
  }
}

从“React”导入React；
从“jquery”导入$；
window.jQuery=$；
需要（“jvectormap next”）（美元）；
导出默认类App扩展React.Component{
getMap（）{
变量gdpData={
AF:16.63，
AL:11.58，
DZ:158.97
// ...
};
美元（“#世界地图gdp”）。vectorMap({
地图：“世界磨坊”，
系列：{
区域：[
{
值：gdpData，
比例：[“#C8EEFF”、“#0071A4”]，
正规化函数：“多项式”
}
]
},
onRegionTipShow：函数（e、el、代码）{
html（el.html（）+“（GDP-“+gdpData[code]+”）；
}
});
}
render（）{
返回(
{this.getMap（）}
);
}
}

---

我得到的错误是

尝试使用未加载的map:world\u mill

有人能帮忙吗？是否还有其他内容需要导入或添加到我的HTML文件中？

您需要在索引页的正文或标题部分包含地图文件（可从jvectormaps网站下载），即：

<script src="/assets/jquery-jvectormap-2.0.3/jquery-jvectormap-2.0.3.min.js"></script>  
<script src="/assets/jquery-jvectormap-2.0.3/jquery-jvectormap-world-mill.js"></script>

---

我收到此错误是因为

<script src="/assets/jquery-jvectormap-2.0.3/jquery-jvectormap-2.0.3.min.js"></script>

需要在

<script src="../Srcs/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>

Leon的回答是正确的，这只是强调了一个额外的检查，以确保人们不会落入与我相同的陷阱