Question

我正在尝试在我的angular 5项目中实现jvectormap，但我无法做到。这就是我在组件文件中所拥有的：

我使用以下命令安装JVectormap-next：

npm install jvectormap-next --save

require('jvectormap-next')($); // <----- Error here 


// render the map
let 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]+')');
    }
});

在@Component标记之前，我还声明：

import "jvectormap-next";
declare var jquery:any;
declare var $ :any;

这是我的html文件：

<div id="world-map" style="width: 600px; height: 400px;"></div>

但是第一行出现错误：

[ts]标识符。

但是我不知道该如何解决，我并没有真正使用JQuery，所以也许我正在做一些基本错误的事情，我不知道，如果有人可以指出我的想法，正确的方向，我将非常高兴。谢谢！

我如何在角度5中使用Jvectormap-next

0 个答案: